.header-v4 .navbar-header {
    float: none;
    margin: 0 0;
}

.header-v4 .navbar-default .navbar-nav > li > a {
    color: #636363;
    font-size: 14.5px;
    font-weight: 350;
    text-transform: none;
}

.header-v4 .dropdown-menu li a {
    color: #296488;
}

.service-block-u .service-block {
    text-align: center;
}

.header-v4 .dropdown-menu {
    padding: 0;
    border: none;
    min-width: 200px;
    border-radius: 0;
    z-index: 9999 !important;
    border-bottom: solid 2px #296488;
    border-top: solid 1px transparent;
}

.service-block-u {
    background: #296488;
}

.service-block {
    padding: 20px 30px;
    text-align: center;
    margin-bottom: 20px;
}

.powered_by {
    color: #296488;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 0 0 0;
}

span.badge {
    top: 0;
    left: 25px;
    color: black;
    height: 19px;
    padding: 4px;
    font-size: 11px;
    text-align: center;
    background: #FFFACD;
    display: inline-block;
    border-radius: 10% !important;
    border: 1px solid black;
}

.required-field:after {
    position: absolute;
    content: '*';
    color: #B22E2E;
    right: 0;
    top: 0;
}

.header-height {
	height: 142px;
}

#border {
	height: 142px;
    border-bottom: solid 27px #296488;
    box-shadow: inset 0 -10px 1px -10px #296488;
    margin-left: -15px;
}

@-moz-document url-prefix() {
    #border {
	    height: 142px;
        border-bottom: solid 27px #296488;
        box-shadow: inset 0 -10px 1px -10px #296488;
        margin-left: -15px;
    }
}

.header-v4 .dropdown-menu .active > a, .header-v4 .dropdown-menu li > a:hover {
    background: #FFE7CB !important;
    color: #296488;
}

/******** Button Adjustments ********/
.btn-special, .btn-fix {
    color: #fff;
    background-color: #296488;
    border-color: #296488;
	font-size: 13px;
}

.btn-special {
	padding: 5px 30px;
}

.btn-special[disabled] {
	background-color: #E8E8E8;
	color:	#808080;
}

.btn-special[disabled]:hover {
	background-color: #E8E8E8;
	color:	#808080;
}

.btn-special:hover,
.btn-special:focus,
.btn-special:active,
.btn-special.active {
    color: black;
    background: #ffa31a;
    border-color: #ffa31a;
}

.btn-fix:hover,
.btn-fix:focus,
.btn-fix:active,
.btn-fix.active {
    color: black;
    background: #ffa31a;
    border-color: #ffa31a;
}

/******** End Button Adjustments ********/

@media (max-width: 300px) {
	    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img 
	    {
	        height: 90px;
	    }
	}

@media (max-width: 991px) {
	
	.row-eq-height {
        display: block !important;
	}
	
    .hidden-mobile {
        display: none !important;
        visiblity: hidden;
    }

    .mobile-only {
        display: block !important;
        visiblity: visible;
    }

    button.navbar-toggle {
        margin-top: 0;
    }

    .header-v4 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #296488;
    }

    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        height: 100px;
    }

    .btn-special, .btn-group {
        width: 100%;
    }
    
    .btn-shorter {
        font-size: 13pt !important;
     } 
 
  .illustration1ImageClass {
     background-image:url('../../images/help-payments-online-illustration1-sm.jpg');
 	
 }
 
 .header-height  {
	height: auto;
}
 
}

@media (min-width: 991px) and (max-width: 1199px) {
	
    .header-v4 .navbar-default .navbar-nav > li > a {
        padding-left: 10px;
        padding-right: 23px;
    }

    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        display: block;
        max-width: 100%;
        height: 143px;
    }

    #border {
        height: 143px;
        border-bottom: solid 27px #296488;
    }

    button.navbar-toggle {
        margin-top: 0;
    }

    @-moz-document url-prefix() {
        #border {
        height: 143px;
        border-bottom: solid 27px #296488;
        }

    }
    
    .col_1 {
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    } 
    
    	    .text-md-left {
		    text-align: left;
	    }
}

	@media (min-width: 760px) and (max-width: 1199px) {
		
		.col__hide {
	        display:none;
	        width:0;
	        height:0;
	        opacity:0;
	        visibility: collapse;
	    }
	    
	    .width-inherit {
	        width: inherit;
	    }
	    
	    .text-md-left {
		    text-align: left;
	    }
     }
	
	 @media (min-width: 760px) {
	    
	    .text-hide {
	        display: none !important;
	    }
 }
	

    @media (max-width: 1199px) {
    
    /*    span.badge {
            top: 0;
            left: 15px;
            color: #fff;
            width: 18px;
            height: 18px;
            padding: 4px;
            font-size: 11px;
            text-align: center;
            position: absolute;
            background: #296488;
            display: inline-block;
            border-radius: 50% !important;
        }
*/

        .btn-fix {
            width: 100%;
            padding: 6px 30px;
        }

        #searchoptions::after {
            content: "";
            display: table;
            clear: both;
        }
    }

/******* Remove Default Tables Border *******/

table.table-noborder > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: none;
}

/******* End Remove Default Tables Border *******/

/******* table-special css *******/

    /* 
	Generic Styling, for Desktops/Laptops 
	*/
	table.table-special table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	table.table-special td, th { 
		padding: 6px;  
		text-align: left; 
	}
  /* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table.table-special, table.table-special thead, table.table-special tbody, table.table-special th, table.table-special td, table.table-special tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		table.table-special thead  tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		table.table-special tr { border: 1px solid #ccc; }
		
		table.table-special tr td { 
			/* Behave  like a "row" */
			border: none; 
			position: relative;
			padding-left: 40%; 
		}
		
		table.table-special td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 40%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		
		table.table-search-sp td:nth-of-type(1):before { font-weight: bold; content: "Pay"; }
		table.table-search-sp td:nth-of-type(2):before { font-weight: bold;  content: "Year"; }
		table.table-search-sp td:nth-of-type(3):before { font-weight: bold;  content: "Property Id"; }
		table.table-search-sp td:nth-of-type(4):before { font-weight: bold;  content: "Name/Location"; }
		table.table-search-sp td:nth-of-type(5):before { font-weight: bold;  content: "Due Date"; }
		table.table-search-sp td:nth-of-type(6):before { font-weight: bold;  content: "Status"; }
		table.table-search-sp td:nth-of-type(7):before { font-weight: bold;  content: "Amount Due"; }
		table.table-search-sp td:nth-of-type(8):before { font-weight: bold;  content: "Select Property"; }		
		
		table.table-search td:nth-of-type(1):before { font-weight: bold; content: "Pay"; }
		table.table-search td:nth-of-type(2):before { font-weight: bold;  content: "Print"; }
		table.table-search td:nth-of-type(3):before { font-weight: bold;  content: "Year"; }
		table.table-search td:nth-of-type(4):before { font-weight: bold;  content: "Property Id"; }
		table.table-search td:nth-of-type(5):before { font-weight: bold;  content: "Name/Location"; }
		table.table-search td:nth-of-type(6):before { font-weight: bold;  content: "Status"; }
		table.table-search td:nth-of-type(7):before { font-weight: bold;  content: "Amount Paid"; }
		table.table-search td:nth-of-type(8):before { font-weight: bold;  content: "Date Paid"; }
		table.table-search td:nth-of-type(9):before { font-weight: bold;  content: "Due"; }
		table.table-search td:nth-of-type(10):before { font-weight: bold;  content: "Pin Property"; }
		table.table-search td:nth-of-type(11):before { font-weight: bold;  content: "Select Property"; }
		
		table.table-confirm td:nth-of-type(1):before { content: "Year"; }
		table.table-confirm td:nth-of-type(2):before { content: "Type"; }
		table.table-confirm td:nth-of-type(3):before { content: "Property Id"; }
		table.table-confirm td:nth-of-type(4):before { content: "Amount Due"; }
		table.table-confirm td:nth-of-type(5):before { content: ""; }
		
		table.table-pay td:nth-of-type(1):before { content: "Year";
	    											font-weight: bold; }
		table.table-pay td:nth-of-type(2):before { content: "Type";
	    											font-weight: bold; }
		table.table-pay td:nth-of-type(3):before { content: "Property Id";
	    											font-weight: bold; }
		table.table-pay td:nth-of-type(4):before { content: "Name";
	    											font-weight: bold; }
		table.table-pay td:nth-of-type(5):before { content: "Location";
	    											font-weight: bold; }
		table.table-pay td:nth-of-type(6):before { content: "Due";
	    											font-weight: bold; }
		table.table-pay td:nth-of-type(7):before { content: "Action";
	    											font-weight: bold; }
		
	    table.table-cart td:nth-of-type(1):before { content: "Year";
	    											font-weight: bold; }
		table.table-cart td:nth-of-type(2):before { content: "Type";
	    											font-weight: bold; }
		table.table-cart td:nth-of-type(3):before { content: "Property Id";
	    											font-weight: bold; }
		table.table-cart td:nth-of-type(4):before { content: "Name";
	    											font-weight: bold; }
		table.table-cart td:nth-of-type(5):before { content: "Location";
	    											font-weight: bold; }
		table.table-cart td:nth-of-type(6):before { content: "Payment Plan";
	    											font-weight: bold; }
		table.table-cart td:nth-of-type(7):before { content: "Due";
	    											font-weight: bold; }
		table.table-cart td:nth-of-type(8):before { content: "Action";
	    											font-weight: bold; }
		
		table.table-cart tr.grandTotal td:nth-of-type(1):before { content: ""; }
		table.table-cart tr.grandTotal td:nth-of-type(2):before { content: ""; }
		table.table-cart tr.grandTotal td:nth-of-type(3):before { content: ""; }
		table.table-cart tr.grandTotal td:nth-of-type(4):before { content: ""; }
		table.table-cart tr.grandTotal td:nth-of-type(5):before { content: ""; }
		table.table-cart tr.grandTotal td:nth-of-type(6):before { content: ""; }
		table.table-cart tr.grandTotal td:nth-of-type(7):before { content: ""; }
		table.table-cart tr.grandTotal td:nth-of-type(8):before { content: ""; }
		
		table.table-checkout td:nth-of-type(1):before { content: "Year";
	    											font-weight: bold; }
		table.table-checkout td:nth-of-type(2):before { content: "Type";
	    											font-weight: bold; }
		table.table-checkout td:nth-of-type(3):before { content: "Property Id";
	    											font-weight: bold; }
		table.table-checkout td:nth-of-type(4):before { content: "Name";
	    											font-weight: bold; }
		table.table-checkout td:nth-of-type(5):before { content: "Location";
	    											font-weight: bold; }
		table.table-checkout td:nth-of-type(6):before { content: "Due";
	    											font-weight: bold; }
	    											
	    table.table-alert-configuration td:nth-of-type(1):before { content: "Description";
	    											font-weight: bold;  }
		table.table-alert-configuration td:nth-of-type(2):before { content: "Action";
	    											font-weight: bold;  }
	    											
	    table.table-alerts td:nth-of-type(1):before { content: "Description";
	    											font-weight: bold;  }
		table.table-alerts td:nth-of-type(2):before { content: "Action";
	    											font-weight: bold;  }
	    											
	    table.table-alert-properties td:nth-of-type(1):before { content: "Account Number";
	    											                     font-weight: bold;  }	    											
	    											
	    		    											
	    table.table-portfolio-group td:nth-of-type(1):before { content: "Group Name"; font-weight: bold;  }
	    table.table-portfolio-group td:nth-of-type(2):before { content: "Accounts"; font-weight: bold;  }
		table.table-portfolio-group td:nth-of-type(3):before { content: "Action"; font-weight: bold;  }										
		
		.sm-width50 {
		width: 55%;
		
		}

		div-nowrap {
		white-space: nowrap;
		} 
		
		.text-md-left {
		    text-align: left;
	    }
	}
	
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
		body { 
			padding: 0; 
			margin: 0; 
			width: auto; 
            font-size: 14px;
		}
		
		.row-height80 {
            height: 20px;
}
	}
	

	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		body { 
			width: auto; 
		}
	}


	
/******* End table-special css *******/



.colored_header  th {

  background: #E1EAF3;
  color: #296488 !important;
}




/***** Search Page *****/

.form_label {
  border: solid thin #000;
}

.block_header {
    font-family: 'Times New Roman', Times, serif;
    font-size: 18px;
    font-weight: bold;
}

.row-no-margin {
   margin-left: 0px;
   margin-right: 0px;
} 

.right-padding-10 {
	
	padding: 0px 10px 0px 0px !important;
	
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.right {
  position: absolute;
  right: 0px;
  width: 300px;
}

.fee-label-red {
	text-align: right;
    color: red;
    font-size: 13px;
    font-weight: 400;
}

.highlighted-red {
    color: #B22E2E !important;
}


.main-title-thin {
	text-align: center;
	font-size: 18pt;
	font-family: Arial;
	color: #296388;
}

.main-title-thin {
	text-align: center;
	font-size: 18pt;
	font-family: Arial;
	color: #000080 !important;
}

button.selected {
    color: black;
    background: #ffa31a;
    border-color: #ffa31a;
}

label.background-info {

  background-color: #CAE0F8;
  font-size: 8pt;
  margin-top: 5px;
  width: 100%;
}

span.background-info {

  background-color: #CAE0F8;
  font-size: 10pt;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
}

.table-header-special a {
  color: #103f5b;
}


.glyphicon.glyphicon-question-fix {
    font-size: 20px;
    vertical-align: middle;
}

.instruction-header {
	font-size: 12pt !important;
	font-family: Arial !important;
	color: maroon !important;
}

.messageText {
	font-family: Arial !important;
	color: maroon !important;
	vertical-align: text-middle  !important;
}

.is-table-row {
    display: table;
}
.is-table-row [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}

.shopping-cart-size-med {
		font-size: 14pt;
		color: #296488;
	}

.form-box-gray {
	  background-color: #CAE0F8;

	}

.inline-form-label {
	font-size: 14pt;
	font-family: Arial;
	color: navy;
    padding: 0 15px 0 15px;

}

.inline-form-centered {
	font-size: 10pt;
	font-family: Arial;
	color: navy;
	text-align: center;
    border: solid thin #000;
    padding-top: 10px;
    background-color: #F8F8F8;
	}

.margin-top-5 {
	top-margin: 5px;
	
	}
	
.help-header {
	    background-color: #CAE0F8;
	
	}
		
img { border: 0; }

img.top {
    vertical-align: text-top;
}

img.bottom {
    vertical-align: text-bottom;
}

img.middle {
    vertical-align: middle;
}

.height20 {
    height: 20px;
}

.OverDivWarning {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 300px;
  border: solid thin #000;
  background-color: #FFFACD;
}

.OverDiv-title {
  padding: 5px;
  font-size: .8em;
  display: block;
  background-color: navy;
  color: white;
  width: 100%;
}

.OverDiv-closeBtn {
  color: #9999ff;
  float: right;
}

.OverDiv-text {
  line-height: normal;
  font-size: .9em;
  padding: 5px;
  margin: 0;
}


.OverDivG {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 80%;
  border: solid thin #000;
  background-color: #FFFACD;
  	text-align : left;
}

.OverDivG-title {
  padding: 5px;
  font-size: .8em;
  display: block;
  background-color: navy;
  color: white;
  width: 100%;
}

.OverDivG-closeBtn {
  color: #9999ff;
  float: right;
}

.OverDivG-text {
  line-height: normal;
  font-size: .9em;
  padding: 5px;
  margin: 0;
}

.img-auto-height {
	height: auto;
}

@media screen and (max-width: 600px) {
  .OverDiv {
    width: 100%;
    top: 0;
    left: 0;
  }
  
    .OverDivG {
    width: 100%;
    top: 0;
    left: 0;
  }
  
}

.absolute-position {
	position: absolute;
	width: 400px;
	}
	
	.allow-wrap {
	    white-space: normal !important;

	}

/***** END Search Page END *****/

/** check payment page **/


.red-border {
	
	display: block;
	border: 1px solid red;
	padding: 4px;
	
	}

.hidden-text {
	display: none;
	}

.text-warning {
	color: red;
	font-weight: bold;
	font-size: 12pt;
	font-family: Arial;
	
	}


/** END check payment page END **/


/** Payment Cart styling  **/


.fieldtabletitle {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial
}

.note-adjust {
	padding: 10px 10px 10px 60px;
}

/** END Payment Cart styling  END **/


/***** display tag styling *****/
.col--numeric {  
	text-align : right;
	
	}
	
.col--text { 
	text-align : left;
	padding: 0;

}


.colLeft {  
	text-align : left;
	padding: 0;

}


.colRight {   
	text-align : right;
	padding: 0;

}


.colCenter {   
	text-align : center;
	padding: 0;

}

.col1 {   width : 1% }
.col2 {   width : 2% }
.col3 {   width : 3% }
.col4 {   width : 4% }
.col5 {   width : 5% }
.col10 {   width : 10% }
.col15 {   width : 15% }
.col20 {   width : 20% }
.col25 {  width : 25% }
.col30 {  width : 30% }
.col35 {  width : 35% }
.col40 {  width : 40% }
.col45 {  width : 45% }
.col50 {  width : 50% }
.col55 {  width : 55% }
.col60 {  width : 60% }
.col65 {  width : 65% }
.col70 {  width : 70% }
.col75 {  width : 75% }
.col80 {  width : 80% }
.col85 {  width : 85% }
.col90 {  width : 90% }
.col95 {  width : 95% }
.col100 {  width : 100% }




/** END display tag styling END **/




/** footer page style **/

table.footer {
	height: 10px;
	border: black solid 1px;
	font-size: 8pt;
	font-family: Arial;
	color: white;
	background: #296488; /*MN2*/
	BORDER-TOP: black 1px solid;
	text-align : center;
	width : 100%;
}

div.pbsFooter {
	height: 10px;
	border: black solid 1px;
	font-size: 8pt;
	font-family: Arial;
	color: white;
	background: #296488; /*MN2*/
	BORDER-TOP: black 1px solid;
	text-align : center;
	width : 100%;
}

td.warranty {

	font-size: x-small;
	font-family: Arial;
	color: black;
	background: #F8EBE2;
}

div.warranty {

	font-size: x-small;
	font-family: Arial;
	color: black;
	background: #F8EBE2;
}

td.pbsCopyrightWht {

	height: 10px;
	border: black solid 1px;
	font-size: 8pt;
	font-family: Arial;
	color: white;
	BORDER-TOP: black 1px solid;
	
}

div.pbsCopyrightWht {

	height: 10px;
	border: black solid 1px;
	font-size: 8pt;
	font-family: Arial;
	color: white;
	BORDER-TOP: black 1px solid;
	
}

td.background_white {
    background-color: white;
}

div.background_white {
    background-color: white;
}

a.pbsTableOfContents {
	color: black !important;
}

div.pbsTableOfContents {
	color: black !important;
}

div.tableOfContents_header {
    BORDER-top: black 1px solid;
    BORDER-left: black 1px solid;
    BORDER-right: black 1px solid;
    background-color: #F8EBE2;
    color: black;
    text-align : center;
    font-size: 10pt;
	font-family: Arial;
}

div.footerRow {
    BORDER-top: black 1px solid;
    BORDER-left: black 1px solid;
    BORDER-right: black 1px solid;
    background-color: #296488;
    color: white;
    text-align : center;
    font-size: 10pt;
	font-family: Arial;
}

div.tableOfContents_body {
    BORDER-RIGHT: black 1px solid !important;
    BORDER-LEFT: black 1px solid !important;
    BORDER-BOTTOM: black 1px solid !important;
    BORDER-TOP: black 1px solid !important;
    background-color: white;
    color: black;
}

div.border_white {
    border: 3px solid white;
}

li.pbsTableOfContents {
	font-size: 8pt;
	font-family: Arial;
	color: black !important;
    text-align : left;
}

td.pbsCopyright {

	height: 10px;
	font-size: 8pt;
	font-family: Arial;
	color: white;
	BORDER-TOP: black 1px solid;
	width : 100%;
}



/** END footer page style END **/


/** Online help styling  **/

.schedule-header-col1 {
	font-size: 12pt;
	font-family: Arial;
	color: white;
	width: 20%;
    background-color: #296488;
    vertical-align: text-top;	
}


.schedule-header-col2 {
	font-size: 12pt;
	font-family: Arial;
	color: white;
	width: 80%;
    background-color: #296488;		
	
}

.schedule-title {
	font-size: 14pt;
	font-family: Arial;
	color: white;
	width: 100%;
	font-weight: bold;
    background-color: #296488;	
	}

.schedule-col1 {
	font-size: 12pt;
	font-family: Arial;
	color: #000080;
	width : 20%;
	background-color: #C0C0C0;
	vertical-align: text-top;
	padding-left: 3px;
	}

.schedule-col2 {
	font-size: 12pt;
	font-family: Arial;
	color: black;
	width : 80%;
    padding-left: 3px;
	}


.schedule-row-separator {
	width: 100%;
    background-color: #C0C0C0;	
	}
	
	
.schedule-footer {
	width: 100%;
    background-color: #296488;		
	
	}

.topic-title {
	font-weight: bold;
	font-size: 14pt;
	font-family: Arial;
	text-decoration: underline;
	}

.category-title {
	font-weight: bold;
	font-size: 12pt;
	font-family: Arial;
	}
	
.help-text {
	font-size: 12pt;
	font-family: Arial;
	}

/** END Online help styling  **/


/** shared CSS **/

.Table {
  background-color: white;
  /*font-size: 0.8em;*/
  font-size: 13px;
}

.Table-row {
  border: solid thin #000;
}

.Table-col {
  padding: 3px;
  line-height: normal;
  position: relative;
  border-right: solid thin #000;
  box-sizing: border-box;
}

.Table--blue {
  color: white;
  background-color: #296488;
}

.Table-line {
  display: block;
  padding-bottom: 0;
}

.Table-header {
  font-size: 0.9em;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

span.port_header .port_header {
    margin: 0px auto;
    padding-left: 10px;
    padding-right: 10px;
    color: #296488;
    font-family: 'Times New Roman', Times, serif;
    width: 400px;
    font-style: italic;
    font-size: 28px;
    font-weight: bold;
    height: 58px;
    text-align: center;
}

div.port_header {
    margin: 0px auto;
    padding-left: 10px;
    padding-right: 10px;
    color: #296488;
    font-family: 'Times New Roman', Times, serif;
    width: 400px;
    font-style: italic;
    font-size: 28px;
    font-weight: bold;
    height: 58px;
    text-align: center;
}

.grey_header_footer {
	background-color: #DCE4E7;
	border: solid 1px #A6AFB2 !important;
}


.yellow-box {
	background: #FFFFCC;
	font-size: 14px;
	border: 1px solid black;
	padding: 20px;
}

.yellow-box-no-padding {
	background: #FFFFCC;
	border: 1px solid black;
	font-size: 14px;
}

.info-box-text, .info-box-text > li {
    font-size: 14px;
}

.text-nowrap {
	white-space: nowrap;
	}


@media screen and (max-width: 450px) {
  div.port_header {
    width: 300px;
  }
}

hr{
  border-top: 1px solid #815867;
}


.pad-top-10 {
	margin-top: 10px;
}

.pad-bottom-10 {
	margin-bottom: 10px;
}


.pad-right-30 {
	margin-right: 30px;
}

.pad-left-30 {
	margin-left: 30px;
}

.pad-left-50 {
	margin-left: 50px;
}

.pad-left-70 {
	margin-left: 70px;
}

.pad-left-90 {
	margin-left: 90px;
}

.help-text {
   font-size: 14px;
	
}


img.resize-87 {
  max-width:87%;
  max-height:87%;
}


img.resize-95 {
  max-width:95%;
  max-height:95%;
}

table.installment-schedule {
  max-width:90%;
  border: 1px solid black;
  margin-left: auto;
  margin-right: auto;
  padding: 4px;
  
}


div.disclaimer-scroll {
	background: white;
    height: 100px;
    width: 100%;
    overflow-y: scroll;
    border:solid 1px black;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

div.disclaimer-scroll2 {
	background: white;
    height: 90px;
    width: 100%;
    overflow-y: scroll;
    border:solid 1px black;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}


.bodytextSmallBold {
	
	    font-weight: bold;
	}


 .background-blue {
 	background: #296488;
 }

 .background-yellow {
	background: #FFFFCC;
 }

background-white {
		background: white !important;
	}

.box-border {
    border: 1px solid black;
}

.padding-bottom {
	padding-bottom: 5px;
	}

.helpInstructionsTitle {
	FONT-FAMILY: arial;
	font-weight: bold;
	color: black;
	font-size: 10pt;
	TEXT-ALIGN: left;
}

.helpInstructionsLabel {
	FONT-FAMILY: arial;
	font-weight: bold;
	color: black;
	font-size: 12pt;
	TEXT-ALIGN: left;
}

.helpInstructionsText {

	FONT-FAMILY: arial;
	font-weight: normal;
	color: black;
	font-size: 10pt;
	TEXT-ALIGN: justify;
}

.linkColorOverride {
  color: #3498db  !important;;
}
a:focus,
a:hover,
a:active {
	color: #3498db;
}

.paymentCompleteMessageText {

	FONT-FAMILY: arial;
	color: black;
	font-size: 16pt;
}

.focus-only:focus {
  outline: 2px solid black;  
}

.general-instructions {

	FONT-FAMILY: arial;
	color: black;
	font-size: 12pt;
}

.requiredField {
	font-family: Arial;
	color: #EB0000;
	font-size: 12px;
}


.textContainer {
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	background-color: white;
}

.rowBottomBorder {
	border-bottom: 1px solid black;
}

.cellRightBorder {
	border-right: 1px solid black;
}

.headerCells {
	font-weight: bold;;
}

.web_dialog_overlay
{
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   background: #000000;
   opacity: .15;
   filter: alpha(opacity=15);
   -moz-opacity: .15;
   z-index: 101;
   display: none;
}

.web_dialog {
   padding: 15px;
   width: 65%;
   border: 2px solid #336699;
   padding: 5px;
   font-family: Verdana;
   font-size: 10pt;
}

.web_dialog_title
{
   border-bottom: solid 2px #336699;
   background-color: #336699;
   padding: 4px;
   color: White;
   font-weight:bold;
}

.leftside_box_header {
background-color: #296488;
font-size: 12px;
font-weight: bold;
display: block;
height: 22px;
line-height: 16px;
padding-top: 3px;
text-align: left;
color: #fff;
}

.leftside_box_content {
background-color: #e5e9ed;
display: block;
text-align: left;
padding: 3px;
border: 1px solid #97b5d1;
font-family: arial, verdana;
color: #000;
font-weight: normal;
font-size: 12px;	
}

.rightside_box_header {
background-color: #296488;
font-size: 12px;
font-weight: bold;
display: block;

height: 22px;
line-height: 16px;
padding-top: 3px;
text-align: left;
color: #fff;
}

.rightside_box_content {
background-color: #e5e9ed;
display: block;
text-align: left;
padding: 3px;
border: 1px solid #97b5d1;
font-family: arial, verdana;
color: #000;
font-weight: normal;
font-size: 12px;
}

.whiteText {
	COLOR: white  !important;
}

/** END shared CSS END **/