@charset "utf-8";
/* CSS Document */


/************
9. 768px
************/

@media only screen and (max-width: 768px)
{
	
}

/************
10. 767px
************/

@media only screen and (max-width: 767px)
{
	
	body {
    color: #333;
    margin: 0 auto !important;
    width: 100%;
    font-family: Calibri;
    font-size: 14px;
    text-align: left;
    height: 100%;
    background: transparent;
}
	#top {
    width: 100%;
    height: auto;
    margin: 5px auto;
    clear: both;
}
.top-strip-rightlink-main {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.top-strip-rightlink {
    width: auto;
    height: auto;
    float: left;
    padding: 5px 5px;
    margin: 2px 5px;
    color: #fff;
    text-decoration: none;
    font-size: 0.9em;
}
#top #logo {
    width: 100%;
    height: auto;
    float: left;
}
#in_logo{
	 width: 100%;
}
#body {
    width: 100%;
    height: auto;
    float: left;
}
#content {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: left;
}
#inner-body { width: 90%;}
.payment-mode-select {
    width: 100%;
    height: auto;
    float: left;
    color: #333;
}
.pay-content-heading-registered-home {
    width: 100%;
    height: 5px;
    float: left;
    background: #EB9102;
    color: #fff;
    padding: 0px 5px;
    margin-bottom: 15px;
}
.logout-links{ float:left; }
.logout-links a {float:left;}
.pay-content-heading-registered-home{ width:100%; }
.payment-mode-select{ width:100%; }
.left-box {
    width: 95%;
    height: auto;
    float: left;
    border: 1px solid #ccc;
    margin-left: 10px;
}
.left-box div{ width:100%; }
.left-box-text {
    width: 41%;
    height: auto;
    float: left;
    font-size: 1.1em;
    padding: 8px 5px;
}
.left-box-input {
    width: 50%;
    float: left;
    min-height: 36px;
    height: auto;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    padding: 8px 5px;
}
.left-box-input-3cols {
    width: 95%;
   
}

.texttable-row {
    width: 100%;
}

.texttable-box1 {
    width: 96%;
	text-align:left;
}
.texttable-box2 {
    width: 96%;
	text-align:left;
}
.input-boxes{
	width:100%;
}
.input-boxes-right{
width:70%;	
}
#select-bank {
    width: 100%;}
.select-bank-row2 {
    width: 100%;
}
#footer .footer {
    width: 93%;}
#footer .footer .left {
    width: 100%;
}
#footer .footer .left .text {
    width: 100%;
}
#footer .footer .right {
    width: 93%;
    text-align: left;
   
}
a.tooltip span {
    
    margin-top: -162px;
    margin-left: -92px;
   
}
#amount1{ width:22#;}
.ui-widget {width: 80%;}
#dept_code{ width:100%;}
.submit-button{ margin-left:0px;}
table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

}

/************
11. 575px
************/

@media only screen and (max-width: 575px)
{
	
	body {
    color: #333;
    margin: 0 auto !important;
    width: 100%;
    font-family: Calibri;
    font-size: 14px;
    text-align: left;
    height: 100%;
    background: transparent;
}
	#top {
    width: 100%;
    height: auto;
    margin: 5px auto;
    clear: both;
}
.top-strip-rightlink-main {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.top-strip-rightlink {
    width: auto;
    height: auto;
    float: left;
    padding: 5px 5px;
    margin: 2px 5px;
    color: #fff;
    text-decoration: none;
    font-size: 0.9em;
}
#top #logo {
    width: 100%;
    height: auto;
    float: left;
}
#in_logo{
	 width: 100%;
}
#body {
    width: 100%;
    height: auto;
    float: left;
}
#content {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: left;
}
#inner-body { width: 90%;}
.payment-mode-select {
    width: 100%;
    height: auto;
    float: left;
    color: #333;
}
.pay-content-heading-registered-home {
    width: 100%;
    height: 5px;
    float: left;
    background: #EB9102;
    color: #fff;
    padding: 0px 5px;
    margin-bottom: 15px;
}
.logout-links{ float:left; }
.logout-links a {float:left;}
.pay-content-heading-registered-home{ width:100%; }
.payment-mode-select{ width:100%; }
.left-box {
    width: 95%;
    height: auto;
    float: left;
    border: 1px solid #ccc;
    margin-left: 10px;
}
.left-box div{ width:100%; }
.left-box-text {
    width: 41%;
    height: auto;
    float: left;
    font-size: 1.1em;
    padding: 8px 5px;
}
.left-box-input {
    width: 50%;
    float: left;
    min-height: 36px;
    height: auto;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    padding: 8px 5px;
}
.left-box-input-3cols {
    width: 95%;
   
}

.texttable-row {
    width: 100%;
}

.texttable-box1 {
    width: 96%;
	text-align:left;
}
.texttable-box2 {
    width: 96%;
	text-align:left;
}
.input-boxes{
	width:100%;
}
.input-boxes-right{
width:70%;	
}
#select-bank {
    width: 100%;}
.select-bank-row2 {
    width: 100%;
}
#footer .footer {
    width: 93%;}
#footer .footer .left {
    width: 100%;
}
#footer .footer .left .text {
    width: 100%;
}
#footer .footer .right {
    width: 93%;
    text-align: left;
   
}
a.tooltip span {
    
    margin-top: -162px;
    margin-left: -92px;
   
}
#amount1{ width:22#;}
.ui-widget {width: 80%;}
#dept_code{ width:100%;}
.submit-button{ margin-left:0px;}
table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

}

/************
11. 539px
************/

@media only screen and (max-width: 539px)
{
	
	body {
    color: #333;
    margin: 0 auto !important;
    width: 100%;
    font-family: Calibri;
    font-size: 14px;
    text-align: left;
    height: 100%;
    background: transparent;
}
	#top {
    width: 100%;
    height: auto;
    margin: 5px auto;
    clear: both;
}
.top-strip-rightlink-main {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.top-strip-rightlink {
    width: auto;
    height: auto;
    float: left;
    padding: 5px 5px;
    margin: 2px 5px;
    color: #fff;
    text-decoration: none;
    font-size: 0.9em;
}
#top #logo {
    width: 100%;
    height: auto;
    float: left;
}
#in_logo{
	 width: 100%;
}
#body {
    width: 100%;
    height: auto;
    float: left;
}
#content {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: left;
}
#inner-body { width: 90%;}
.payment-mode-select {
    width: 100%;
    height: auto;
    float: left;
    color: #333;
}
.pay-content-heading-registered-home {
    width: 100%;
    height: 5px;
    float: left;
    background: #EB9102;
    color: #fff;
    padding: 0px 5px;
    margin-bottom: 15px;
}
.logout-links{ float:left; }
.logout-links a {float:left;}
.pay-content-heading-registered-home{ width:100%; }
.payment-mode-select{ width:100%; }
.left-box {
    width: 95%;
    height: auto;
    float: left;
    border: 1px solid #ccc;
    margin-left: 10px;
}
.left-box div{ width:100%; }
.left-box-text {
    width: 41%;
    height: auto;
    float: left;
    font-size: 1.1em;
    padding: 8px 5px;
}
.left-box-input {
    width: 50%;
    float: left;
    min-height: 36px;
    height: auto;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    padding: 8px 5px;
}
.left-box-input-3cols {
    width: 95%;
   
}

.texttable-row {
    width: 100%;
}

.texttable-box1 {
    width: 96%;
	text-align:left;
}
.texttable-box2 {
    width: 96%;
	text-align:left;
}
.input-boxes{
	width:100%;
}
.input-boxes-right{
width:70%;	
}
#select-bank {
    width: 100%;}
.select-bank-row2 {
    width: 100%;
}
#footer .footer {
    width: 93%;}
#footer .footer .left {
    width: 100%;
}
#footer .footer .left .text {
    width: 100%;
}
#footer .footer .right {
    width: 93%;
    text-align: left;
   
}
a.tooltip span {
    
    margin-top: -162px;
    margin-left: -92px;
   
}
#amount1{ width:22#;}
.ui-widget {width: 80%;}
#dept_code{ width:100%;}
.submit-button{ margin-left:0px;}
table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

}

/************
12. 480px
************/

@media only screen and (max-width: 480px)
{
	
	body {
    color: #333;
    margin: 0 auto !important;
    width: 100%;
    font-family: Calibri;
    font-size: 14px;
    text-align: left;
    height: 100%;
    background: transparent;
}
	#top {
    width: 100%;
    height: auto;
    margin: 5px auto;
    clear: both;
}
.top-strip-rightlink-main {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.top-strip-rightlink {
    width: auto;
    height: auto;
    float: left;
    padding: 5px 5px;
    margin: 2px 5px;
    color: #fff;
    text-decoration: none;
    font-size: 0.9em;
}
#top #logo {
    width: 100%;
    height: auto;
    float: left;
}
#in_logo{
	 width: 100%;
}
#body {
    width: 100%;
    height: auto;
    float: left;
}
#content {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: left;
}
#inner-body { width: 90%;}
.payment-mode-select {
    width: 100%;
    height: auto;
    float: left;
    color: #333;
}
.pay-content-heading-registered-home {
    width: 100%;
    height: 5px;
    float: left;
    background: #EB9102;
    color: #fff;
    padding: 0px 5px;
    margin-bottom: 15px;
}
.logout-links{ float:left; }
.logout-links a {float:left;}
.pay-content-heading-registered-home{ width:100%; }
.payment-mode-select{ width:100%; }
.left-box {
    width: 95%;
    height: auto;
    float: left;
    border: 1px solid #ccc;
    margin-left: 10px;
}
.left-box div{ width:100%; }
.left-box-text {
    width: 41%;
    height: auto;
    float: left;
    font-size: 1.1em;
    padding: 8px 5px;
}
.left-box-input {
    width: 50%;
    float: left;
    min-height: 36px;
    height: auto;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    padding: 8px 5px;
}
.left-box-input-3cols {
    width: 95%;
   
}

.texttable-row {
    width: 100%;
}

.texttable-box1 {
    width: 96%;
	text-align:left;
}
.texttable-box2 {
    width: 96%;
	text-align:left;
}
.input-boxes{
	width:100%;
}
.input-boxes-right{
width:70%;	
}
#select-bank {
    width: 100%;}
.select-bank-row2 {
    width: 100%;
}
#footer .footer {
    width: 93%;}
#footer .footer .left {
    width: 100%;
}
#footer .footer .left .text {
    width: 100%;
}
#footer .footer .right {
    width: 93%;
    text-align: left;
   
}
a.tooltip span {
    
    margin-top: -162px;
    margin-left: -92px;
   
}
#amount1{ width:22#;}
.ui-widget {width: 80%;}
#dept_code{ width:100%;}
.submit-button{ margin-left:0px;}
table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

}

/************
13. 479px
************/

@media only screen and (max-width: 479px)
{
	
	body {
    color: #333;
    margin: 0 auto !important;
    width: 100%;
    font-family: Calibri;
    font-size: 14px;
    text-align: left;
    height: 100%;
    background: transparent;
}
	#top {
    width: 100%;
    height: auto;
    margin: 5px auto;
    clear: both;
}
.top-strip-rightlink-main {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.top-strip-rightlink {
    width: auto;
    height: auto;
    float: left;
    padding: 5px 5px;
    margin: 2px 5px;
    color: #fff;
    text-decoration: none;
    font-size: 0.9em;
}
#top #logo {
    width: 100%;
    height: auto;
    float: left;
}
#in_logo{
	 width: 100%;
}
#body {
    width: 100%;
    height: auto;
    float: left;
}
#content {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: left;
}
#inner-body { width: 90%;}
.payment-mode-select {
    width: 100%;
    height: auto;
    float: left;
    color: #333;
}
.pay-content-heading-registered-home {
    width: 100%;
    height: 5px;
    float: left;
    background: #EB9102;
    color: #fff;
    padding: 0px 5px;
    margin-bottom: 15px;
}
.logout-links{ float:left; }
.logout-links a {float:left;}
.pay-content-heading-registered-home{ width:100%; }
.payment-mode-select{ width:100%; }
.left-box {
    width: 95%;
    height: auto;
    float: left;
    border: 1px solid #ccc;
    margin-left: 10px;
}
.left-box div{ width:100%; }
.left-box-text {
    width: 41%;
    height: auto;
    float: left;
    font-size: 1.1em;
    padding: 8px 5px;
}
.left-box-input {
    width: 50%;
    float: left;
    min-height: 36px;
    height: auto;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    padding: 8px 5px;
}
.left-box-input-3cols {
    width: 95%;
   
}

.texttable-row {
    width: 100%;
}

.texttable-box1 {
    width: 96%;
	text-align:left;
}
.texttable-box2 {
    width: 96%;
	text-align:left;
}
.input-boxes{
	width:100%;
}
.input-boxes-right{
width:70%;	
}
#select-bank {
    width: 100%;}
.select-bank-row2 {
    width: 100%;
}
#footer .footer {
    width: 93%;}
#footer .footer .left {
    width: 100%;
}
#footer .footer .left .text {
    width: 100%;
}
#footer .footer .right {
    width: 93%;
    text-align: left;
   
}
a.tooltip span {
    
    margin-top: -162px;
    margin-left: -92px;
   
}
#amount1{ width:22#;}
.ui-widget {width: 80%;}
#dept_code{ width:100%;}
.submit-button{ margin-left:0px;}
table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

}

/************
14. 400px
************/

@media only screen and (max-width: 400px)
{
	
	body {
    color: #333;
    margin: 0 auto !important;
    width: 100%;
    font-family: Calibri;
    font-size: 14px;
    text-align: left;
    height: 100%;
    background: transparent;
}
	#top {
    width: 100%;
    height: auto;
    margin: 5px auto;
    clear: both;
}
.top-strip-rightlink-main {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.top-strip-rightlink {
    width: auto;
    height: auto;
    float: left;
    padding: 5px 5px;
    margin: 2px 5px;
    color: #fff;
    text-decoration: none;
    font-size: 0.9em;
}
#top #logo {
    width: 100%;
    height: auto;
    float: left;
}
#in_logo{
	 width: 100%;
}
#body {
    width: 100%;
    height: auto;
    float: left;
}
#content {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: left;
}
#inner-body { width: 90%;}
.payment-mode-select {
    width: 100%;
    height: auto;
    float: left;
    color: #333;
}
.pay-content-heading-registered-home {
    width: 100%;
    height: 5px;
    float: left;
    background: #EB9102;
    color: #fff;
    padding: 0px 5px;
    margin-bottom: 15px;
}
.logout-links{ float:left; }
.logout-links a {float:left;}
.pay-content-heading-registered-home{ width:100%; }
.payment-mode-select{ width:100%; }
.left-box {
    width: 95%;
    height: auto;
    float: left;
    border: 1px solid #ccc;
    margin-left: 10px;
}
.left-box div{ width:100%; }
.left-box-text {
    width: 41%;
    height: auto;
    float: left;
    font-size: 1.1em;
    padding: 8px 5px;
}
.left-box-input {
    width: 50%;
    float: left;
    min-height: 36px;
    height: auto;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    padding: 8px 5px;
}
.left-box-input-3cols {
    width: 95%;
   
}

.texttable-row {
    width: 100%;
}

.texttable-box1 {
    width: 96%;
	text-align:left;
}
.texttable-box2 {
    width: 96%;
	text-align:left;
}
.input-boxes{
	width:100%;
}
.input-boxes-right{
width:70%;	
}
#select-bank {
    width: 100%;}
.select-bank-row2 {
    width: 100%;
}
#footer .footer {
    width: 93%;}
#footer .footer .left {
    width: 100%;
}
#footer .footer .left .text {
    width: 100%;
}
#footer .footer .right {
    width: 93%;
    text-align: left;
   
}
a.tooltip span {
    
    margin-top: -162px;
    margin-left: -92px;
   
}
#amount1{ width:22#;}
.ui-widget {width: 80%;}
#dept_code{ width:100%;}
.submit-button{ margin-left:0px;}
table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

}
@media only screen and (max-width: 320px)
{
	body {
    color: #333;
    margin: 0 auto !important;
    width: 100%;
    font-family: Calibri;
    font-size: 14px;
    text-align: left;
    height: 100%;
    background: transparent;
}
	#top {
    width: 100%;
    height: auto;
    margin: 5px auto;
    clear: both;
}
.top-strip-rightlink-main {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.top-strip-rightlink {
    width: auto;
    height: auto;
    float: left;
    padding: 5px 5px;
    margin: 2px 5px;
    color: #fff;
    text-decoration: none;
    font-size: 0.9em;
}
#top #logo {
    width: 100%;
    height: auto;
    float: left;
}
#in_logo{
	 width: 100%;
}
#body {
    width: 100%;
    height: auto;
    float: left;
}
#content {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: left;
}
#inner-body { width: 90%;}
.payment-mode-select {
    width: 100%;
    height: auto;
    float: left;
    color: #333;
}
.pay-content-heading-registered-home {
    width: 100%;
    height: 5px;
    float: left;
    background: #EB9102;
    color: #fff;
    padding: 0px 5px;
    margin-bottom: 15px;
}
.logout-links{ float:left; }
.logout-links a {float:left;}
.pay-content-heading-registered-home{ width:100%; }
.payment-mode-select{ width:100%; }
.left-box {
    width: 95%;
    height: auto;
    float: left;
    border: 1px solid #ccc;
    margin-left: 10px;
}
.left-box div{ width:100%; }
.left-box-text {
    width: 41%;
    height: auto;
    float: left;
    font-size: 1.1em;
    padding: 8px 5px;
}
.left-box-input {
    width: 50%;
    float: left;
    min-height: 36px;
    height: auto;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    padding: 8px 5px;
}
.left-box-input-3cols {
    width: 95%;
   
}

.texttable-row {
    width: 100%;
}

.texttable-box1 {
    width: 96%;
	text-align:left;
}
.texttable-box2 {
    width: 96%;
	text-align:left;
}
.input-boxes{
	width:100%;
}
.input-boxes-right{
width:70%;	
}
#select-bank {
    width: 100%;}
.select-bank-row2 {
    width: 100%;
}
#footer .footer {
    width: 93%;}
#footer .footer .left {
    width: 100%;
}
#footer .footer .left .text {
    width: 100%;
}
#footer .footer .right {
    width: 93%;
    text-align: left;
   
}
a.tooltip span {
    
    margin-top: -162px;
    margin-left: -92px;
   
}
#amount1{ width:22#;}
.ui-widget {width: 80%;}
#dept_code{ width:100%;}
.submit-button{ margin-left:0px;}
table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	
}