html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "Arial", "Helvetica", "Verdana", "sans-serif";
	font-size: 12px;
}

table {
	border-collapse: collapse;
}

table, th, td {
	border: 1px solid #CCCCCC;
	text-align: left;
}

textarea {
	resize: none;
}

a.online-attachment {
	font-weight: bold;
	text-decoration: none;
	color: #1155CC;
}

/* overwrite dialog overlay css */
.ui-widget-overlay {
	background: #000000;
	opacity: 0.15;
	filter: Alpha(Opacity=15);
}

.online-header {
	width: 974px;
	margin: 5px auto;
	padding: 0px;
	position: relative;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}

.online-content {
	width: 974px;
	margin: 5px auto;
	padding: 0px;
	position: relative;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

.online-debug {
	width: 974px;
	margin: 5px auto;
	padding: 0px;
	position: relative;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	display: none;
	opacity: 0;
}

.online-footer {
	width: 974px;
	margin: 5px auto;
	padding: 0px;
	position: relative;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}

.online-copyright {
	font-size: 11px;
	color: #595959;
	text-align: left;
	float: left;
}

.online-powered {
	font-size: 11px;
	color: #595959;
	text-align: right;
}
.online-powered  a {
	font-weight: bold;
	color: #595959;
	text-decoration: none;
}

.online-popup-blocker-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #000000;
	opacity: 0.3;
}

.online-popup-blocker-table {
	height: 80px;
	width: 160px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -80px;
	border: 1px solid #555555;
	background-color: #FFFFFF;
	box-shadow: 3px 3px 3px #777777;
	display: table;
}

.online-popup-blocker-cell {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.online-bold-underline {
	font-weight: bold;
	text-decoration: underline;
}

.online-step-navigationBG {
	background-image: url("../images/stepNavigationBG.png");
	background-position: 0px -1px;
	background-repeat: repeat-x;
}

.online-step-navigation {
	height: 41px;
	width: 887px;
	display: block;
	background-image: url("../images/stepNavigation.png");
	background-position: 0px -1px;
	background-repeat: no-repeat;
}

.online-step-navigation-1 {
	background-position: 0px -1px;
}

.online-step-navigation-2 {
	background-position: 0px -44px;
}

.online-step-navigation-3 {
	background-position: 0px -87px;
}

.online-step-navigation-4 {
	background-position: 0px -130px;
}

.online-step1-table {
	width: 100%;
}

.online-step1-col0 {
	border: 2px solid #FFFFFF;
}

.online-step1-col1 {
	width: 150px;
	padding: 5px;
	border: 2px solid #FFFFFF;
	background-color: #DDDDDD;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}

.online-step1-col2 {
	border: 2px solid #FFFFFF;
}

.online-ticket-table {
	width: 100%;
}

.online-ticket-table th {
	background-color: #000066;
	color: #FFFFFF;
}

.online-ticket-table th:nth-child(1),
.online-ticket-table td:nth-child(1) {
	width: 160px;
}

.online-ticket-table th:nth-child(3),
.online-ticket-table td:nth-child(3),
.online-ticket-table th:nth-child(4),
.online-ticket-table td:nth-child(4),
.online-ticket-table th:nth-child(5),
.online-ticket-table td:nth-child(5),
.online-ticket-table th:nth-child(6),
.online-ticket-table td:nth-child(6) {
	width: 80px;
	text-align: center;
}

.online-ticket-table th:nth-child(7),
.online-ticket-table td:nth-child(7) {
	width: 60px;
	text-align: center;
}

.online-ticket-table th:nth-child(8),
.online-ticket-table td:nth-child(8),
.online-ticket-table th:nth-child(9),
.online-ticket-table td:nth-child(9) {
	width: 60px;
	text-align: center;
}

.online-ticket-table th:nth-child(10),
.online-ticket-table td:nth-child(10),
.online-ticket-table th:nth-child(11),
.online-ticket-table td:nth-child(11) {
	width: 70px;
	text-align: center;
}

.online-ticket-table th:nth-child(12),
.online-ticket-table td:nth-child(12) {
	width: 140px;
	text-align: center;
}

.online-ticket-table th:nth-child(13),
.online-ticket-table td:nth-child(13) {
	width: 50px;
	text-align: center;
}

.online-ticket-table .highlight-ticket {
	background-color: #CCFFCC;
}

.online-schedule-table {
	width: 600px;
}

.online-schedule-table th {
	background-color: #000066;
	color: #FFFFFF;
}

.online-schedule-table th:nth-child(1),
.online-schedule-table td:nth-child(1) {
	width: 20px;
	text-align: center;
}

.online-schedule-table th:nth-child(2),
.online-schedule-table td:nth-child(2) {
	width: 20px;
	text-align: center;
}

.online-schedule-table th:nth-child(3),
.online-schedule-table td:nth-child(3) {
	width: 20px;
	text-align: center;
}

.online-schedule-table th:nth-child(4),
.online-schedule-table td:nth-child(4) {
	width: 20px;
	text-align: center;
}

.online-schedule-table th:nth-child(5),
.online-schedule-table td:nth-child(5) {
	width: 140px;
}

.online-schedule-table th:nth-child(6),
.online-schedule-table td:nth-child(6) {
	width: 140px;
}

.online-schedule-table .highlight-schedule {
	background-color: #CCFFCC;
}

.online-attention-highlight {
	color: #990000;
}

.online-route-header {
	margin: 8px 5px;
	padding-left: 25px;
	border-bottom: 1px solid #000066;
	background-image: url("../images/16x16/anchor.png");
	background-repeat: no-repeat;
	font-size: 16px;
	color: #000066;
}

.online-vehicle-header {
	margin: 8px 5px;
	padding-left: 25px;
	border-bottom: 1px solid #000066;
	background-image: url("../images/16x16/carBlue.png");
	background-repeat: no-repeat;
	font-size: 16px;
	color: #000066;
}

.online-passenger-header {
	margin: 8px 5px;
	padding-left: 25px;
	border-bottom: 1px solid #000066;
	background-image: url("../images/16x16/passenger.png");
	background-repeat: no-repeat;
	font-size: 16px;
	color: #000066;
}

.online-payer-header {
	margin: 8px 5px;
	padding-left: 25px;
	border-bottom: 1px solid #000066;
	background-image: url("../images/16x16/phone.png");
	background-repeat: no-repeat;
	font-size: 16px;
	color: #000066;
}

.online-paymentMethod-header {
	margin: 20px 5px 5px 5px;
	padding-left: 25px;
	border-bottom: 1px solid #000066;
	background-image: url("../images/16x16/card.png");
	background-repeat: no-repeat;
	font-size: 16px;
	color: #000066;
}

.online-term-header {
	margin: 20px 5px 5px 5px;
	padding-left: 25px;
	border-bottom: 1px solid #000066;
	background-image: url("../images/16x16/term.png");
	background-repeat: no-repeat;
	font-size: 16px;
	color: #000066;
}

.online-confirmationPass-header {
	margin: 8px 5px;
	padding-left: 25px;
	border-bottom: 1px solid #000066;
	background-image: url("../images/16x16/tick.png");
	background-repeat: no-repeat;
	font-size: 16px;
	color: #000066;
}

.online-confirmationFail-header {
	margin: 8px 5px;
	padding-left: 25px;
	border-bottom: 1px solid #000066;
	background-image: url("../images/16x16/cross.png");
	background-repeat: no-repeat;
	font-size: 16px;
	color: #000066;
}

.online-reservation-container {
	padding: 5px;
}

.online-reservation-table {
	width: 100%;
}

.online-reservation-table th {
	background-color: #000066;
	color: #FFFFFF;
}

.online-reservation-table th:nth-child(1) {
	width: 130px;
}
.online-reservation-table td:nth-child(1) {
	width: 130px;
	background-color: #DDDDDD;
	font-weight: bold;
}

.online-reservation-table th:nth-child(2),
.online-reservation-table td:nth-child(2) {
	width: 160px;
}

.online-reservation-table th:nth-child(3),
.online-reservation-table td:nth-child(3) {
	width: 150px;
}

.online-reservation-table th:nth-child(4),
.online-reservation-table td:nth-child(4) {
	width: 150px;
}

.online-reservation-table th:nth-child(6),
.online-reservation-table td:nth-child(6) {
	width: 90px;
	text-align: center;
}

.online-reservation-table th:nth-child(7),
.online-reservation-table td:nth-child(7) {
	width: 90px;
	text-align: center;
}

.online-vehicle-container {
	padding: 5px;
}

.online-vehicle-table {
	width: 800px;
}

.online-vehicle-table td:nth-child(1) {
	width: 130px;
	background-color: #DDDDDD;
	font-weight: bold;
}

.online-vehicle-table td:nth-child(2) {
	width: 180px;
}

.online-vehicle-table td:nth-child(3) {
	width: 130px;
	background-color: #DDDDDD;
	font-weight: bold;
}

.online-vehicle-table td.vehicle-label {
	background-color: #000066;
	color: #FFFFFF;
}

.online-passenger-container {
	padding: 5px;
}

.online-passenger-table {
	width: 800px;
}

.online-passenger-table td:nth-child(1) {
	width: 110px;
	background-color: #DDDDDD;
	font-weight: bold;
}

.online-passenger-table td:nth-child(2) {
	width: 160px;
}

.online-passenger-table td:nth-child(3) {
	width: 110px;
	background-color: #DDDDDD;
	font-weight: bold;
}

.online-passenger-table td:nth-child(4) {
	width: 80px;
}

.online-passenger-table td:nth-child(5) {
	width: 110px;
	background-color: #DDDDDD;
	font-weight: bold;
}

.online-passenger-table td.passenger-label {
	background-color: #000066;
	color: #FFFFFF;
}

.online-payer-container {
	padding: 5px;
}

.online-payer-table {
	width: 600px;
}

.online-payer-table td:nth-child(1) {
	background-color: #DDDDDD;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}

.online-paymentMethod-container {
	padding: 5px;
}

.online-paymentMethod-table {
	width: 670px;
}

.online-paymentMethod-table td {
	padding: 5px;
}
.online-paymentMethod-table td:nth-child(2) {
	width: 290px;
}
.online-paymentMethod-table td:nth-child(3) {
	width: 345px;
}

.online-paymentMethod-table .highlight-paymentMethod {
	background-color: #CCFFCC;
}

.online-paymentMethod-merchant {
	display: block;
}

.online-paynet-logo-container {
	position: relative;
	text-align: center;
	margin-left: 15px;
	margin-right: 15px;
	width: 130px;
	height: 50px;
}

.online-paynet-logo-image {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

.online-paynet-logo-label {
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translate(-50%, 0);
	font-family: "Arial", "Helvetica", "Verdana", "sans-serif";
    font-size: 12px;
	white-space: nowrap;
}

.online-paynet-table {
	margin-top: 35px;
}

.online-paynet-table,
.online-paynet-table th, 
.online-paynet-table td {
	border: none;
}

.online-paynet-fpx-text {
	font-size: 1.5em;
}

.online-paynet-fpx-image {
	margin-bottom: -0.65em;
}

.online-paynet-offline {
	filter: grayscale(100%);
	opacity: 0.4;
}

.online-paynet-red {
	color: #990000;
}

.online-dobw-table {
	margin-top: 35px;
	margin-bottom: 35px;
}

.online-dobw-table,
.online-dobw-table th, 
.online-dobw-table td {
	border: none;
	vertical-align: bottom;
}

.online-dobw-text {
	font-size: 1.5em;
}

.online-dobw-image {
	margin-bottom: -0.22em;
}

.online-term-container {
	padding: 5px;
}

.online-button-container {
	padding: 5px;
}

.online-confirmation-container {
	padding: 5px;
}

.online-molpay-container {
	height: 267px;
	background-image: url("../images/razerBG.jpg");
	background-repeat: repeat-x;
	text-align: center;
}

.online-confirm-table {
	width: 495px;
}

.online-confirm-table td:nth-child(1) {
	width: 138px;
	background-color: #DDDDDD;
	font-weight: bold;
}

.online-confirm-journey-table {
	width: 100%;
}

.online-confirm-journey-col1 {
	width: 130px;
	padding: 5px;
	border: 2px solid #FFFFFF;
	background-color: #DDDDDD;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}

.online-confirm-journey-col2 {
	border: 2px solid #FFFFFF;
}

.online-confirm-ticket-table {
	width: 350px;
}

.online-confirm-ticket-table th {
	background-color: #000066;
	color: #FFFFFF;
}

.online-confirm-ticket-table th:nth-child(2),
.online-confirm-ticket-table td:nth-child(2) {
	width: 80px;
	text-align: center;
}

.online-confirm-highlight {
	font-size: large;
	font-weight: bold;
	color: #990000;
}

.online-confirm-highlight-large {
	font-size: large;
}

.online-confirm-highlight-green {
	font-weight: bold;
	color: #008000;
}

.online-confirm-highlight-red {
	font-weight: bold;
	color: #990000;
}

.online-attachmentDescription {
	color: #848484;
}

#DIV_Step1,
#DIV_Step2,
#DIV_Step3 {
	margin-bottom: 8px;
}

#SPN_CurrencyCode,
#SPN_CurrencyCode2,
#SPN_CurrencyCode3,
#SPN_Total,
#SPN_Total2,
#SPN_Total3 {
	font-size: large;
	font-weight: bold;
	color: #006600;
}

#SPN_OutwardJourney1,
#SPN_ReturnJourney1 {
	font-weight: bold;
	color: #990000;
	border-radius: 5px;
	padding: 3px 5px 3px 5px;
	background: #CCFFCC;
}

#SPN_OutwardJourney2,
#SPN_ReturnJourney2 {
	font-size: large;
	font-weight: bold;
	color: #990000;
}

#SPN_OutwardRoute1,
#SPN_OutwardRoute2,
#SPN_ReturnRoute1,
#SPN_ReturnRoute2 {
	font-weight: bold;
	color: #990000;
}