a
{
	color:White;
	text-decoration:none;
}
body
{
	background-color:#CCC;
	color:White;
	
}
h2
{
	padding:0px;
	margin:0px;
	}
#date1_day
{
	background-color:transparent;
	border:none;
	color:White;
	width:80px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
}
#date1_month
{
	background-color:transparent;
	border:none;
	color:White;
	width:120px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
}
#date1_year
{
	background-color:transparent;
	border:none;
	color:White;
	width:80px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
}
.font
{
	font-family:Arial, Helvetica, sans-serif;
}
.gray
{
	background-color:#666;
}
.blue
{
	color:#0CF;
}
.menu
{
	width:200px;
	height:160px;
	padding-top:5px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#B2B3B3;
	text-align:center;
	color:#B2B3B3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.menu:hover
{
	background-color:#0093D3;
}
.textbox
{
	border:none;
	color:#09C;
	font-weight:bold;
}
.button
{
	border:none;
	color:#09C;
	font-weight:bold;
	
}
.clear
{
	 clear:both;
}
#pagediv
{
	background-color:#CCC;
	width:1250px;
	height:1000px;
	border-left:none;
	margin-top:0px;
	overflow:hidden;
}
#bodydiv
{
	width:986px;
	height:1000px;
	margin-left:10%;
	background-color:#FFF;
	border-style:solid;
	border-color:#FFF;
	border-width:7px;
	border-top:none;
	
	
}
#DateTimenowBody
{
	background-color:#0093D3;
	width:300px;
	height:120px;
	overflow:hidden;
	border:none;
	color:White;
	font-family:Verdana, sans-serif,Arial;
	font-size:14px;
	text-align:center;
	}
#links
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
}
#banner
{
	width:986px;
	height:255px;
	text-align:center;
	background-color:#969594;
	float:left;
	border-top-style:solid; 
	border-top-color:#FFF; 
	border-top-width:7px;
	/*
	border-bottom-color:#FFF;
	border-bottom-width:5px;
	border-bottom-style:solid;
	*/
}
#leftcol
{
	width:200px;
	float:left;
	background-color:#969594;
	height:69.5%;
	
}
#maincol
{
	background-color:#666;
	float:left;
	width:786px;
	height:69.5%;
	overflow:auto;
}
#menu1
{
	
	text-align:center;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}
#mainFrame
{
	background:#666;
	width:786px;
	height:695px;
	overflow:auto;
	border:none;
}
#map
{
	background:#FFF;
	width:900px;
	height:900px;
	border:none;
	overflow:hidden;
	float:left;
	text-align:center;
	}
#mapFrame
{
	background:#FFF;
	width:850px;
	height:680px;
	overflow:hidden;
	border:none;
	text-align:center;

	}
#animFrm
{
	background:#FFF;
	width:0px;
	height:0px;
	border:0px solid White;
	overflow:hidden;
	padding:0px;
	position:absolute;
	top:10%;
	right:10%;
	z-index:1000;
	}
#DateTimeInfo
{
	background:#0093D3;
	width:0px;
	height:0px;
	border:none;
	overflow:hidden;
	padding:0px;
	position:absolute;
	bottom:70px;
	left:300px;
	z-index:1000;
	}
#DateTimeInfo1
{
	background:#0093D3;
	width:0px;
	height:0px;
	border:none;
	overflow:hidden;
	padding:0px;
	position:absolute;
	bottom:50px;
	left:-360px;
	z-index:1000;
	}
#DateTimeInfo2
{
	background:#0093D3;
	width:0px;
	height:0px;
	border:none;
	overflow:hidden;
	padding:0px;
	position:absolute;
	bottom:50px;
	left:60px;
	z-index:1000;
	}
#DateTimeFrame
{
	background:#0093D3;
	width:297px;
	height:117px;
	border:3px solid White;
	}
#spaceDiv
{
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#B2B3B3;
	margin-top:30px;
}
#closebtn
{
	position:absolute;
	top:5px;
	right:5px;
	width:30px;
	height:30px;
	background:transparent;
	border:none;
	}
	
#loginDiv
{
	float:left;
	width:966px;
	height:30px;
	background-color:#969594;
	padding-top:5px;
	text-align:left;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	overflow:hidden;
	padding-right:20px;
}
#login
{
float:right;
}
#register
{
float:right;
}
#logout
{
	float:right;
}
#activeTicketsIndex
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	float:right;
	margin-right:10px;
}
#reg_form
{
	text-align:center;
	width:770px;
	font-family:Arial, Helvetica, sans-serif;
}
#reg_result
{
	width:770px;
	text-align:center;
	color:White;
	
}
#currentSelection
{
	position: absolute;
	top:152px;
    left: 0px;
    padding-left: -100px;
    width:786px;
	height:100px;
	background-image:url(../images/road.png);
	background-repeat:repeat-x;
}
#YouHaveChooseText
{
	height:35px;
	width:770px;
	text-align:center;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	padding-top:15px;
	
}
#YouHaveCooseFrom
{
	height:35px;
	width:210px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding-top:13px;
	float:left;
	padding-left:8px;
}
#YouHaveChooseArrow
{
	height:38px;
	width:53px;
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	margin-top:12px;
	float:left;
}
#YouHaveChooseTo
{
	height:35px;
	width:210px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding-top:13px;
	float:left;
}
#YouHaveChooseArrow2
{
	height:38px;
	width:53px;
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	margin-top:12px;
	float:left;
}
#YouHaveChooseDateTime
{
	height:35px;
	width:240px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding-top: 6px;
	float:left;
}
#routeDateText
{
	float:left;
	height:10px;
	padding-left:95px;
	padding-right:130px;
}
#routeTimeText
{
	float:left;
	height:10px;
	padding-bottom:35px;
	margin-left:120px;
	
}
#routeFromDiv
{
	width:770px;
	text-align:center;
	color:White;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:250px;
}
#routeToDiv
{
	width:770px;
	text-align:center;
	color:White;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:250px;
}
#routeDateTimeDiv
{
	width:770px;
	text-align:center;
	color:White;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:250px;
}
#selectFrom
{
	border:none;
	width:778px;
	height:auto;
	background-color:inherit;
	color:#fff;
	/*color:#09C;*/
	font-size:21px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:14px;
		
}
#selectTo
{
	border:none;
	width:778px;
	height:auto;
	background-color:inherit;
	color:#fff;
	/*color:#09C;*/
	font-size:21px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:14px;
		
}
#selectDate
{
	border:none;
	width:300px;
	height:400px;
	background-color:inherit;
	color:#fff;
	/*color:#09C;*/
	font-size:21px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:14px;	
	float:left;
}
#selectDateDiv
{
	margin-left:40px;
	float:left;
}
#selectTime
{
	border:none;
	width:270px;
	height:100px;
	background-color:inherit;
	color:#fff;
	/*color:#09C;*/
	font-size:21px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;	
	margin-left:100px;
	
	
}
#ticketHeader1
{
	position: absolute;
	top:0px;
    left: 0px;
    padding-left: -100px;
    width:786px;
	height:153px;
	background-image:url(../images/ticketHeader1.jpg);
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
	
}
#ticketHeader2
{
	position: absolute;
	top:0px;
    left: 0px;
    padding-left: -100px;
    width:786px;
	height:153px;
	background-image:url(../images/ticketHeader2.jpg);
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
	
}
#ticketHeader3
{
	position: absolute;
	top:0px;
    left: 0px;
    padding-left: -100px;
    width:786px;
	height:153px;
	background-image:url(../images/ticketHeader3.jpg);
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
	
}
#ticketHeader4
{
	position: absolute;
	top:0px;
    left: 0px;
    padding-left: -100px;
    width:786px;
	height:153px;
	background-image:url(../images/ticketHeader4.jpg);
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
	
}
#ticketHeader5
{
	position: absolute;
	top:0px;
    left: 0px;
    padding-left: -100px;
    width:786px;
	height:153px;
	background-image:url(../images/ticketHeader5.jpg);
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
	
}
#backBtn
{
	border:none;
	width:78px;
	height:78px;
	background-image:url(../images/backBtn.png);
	background-repeat:no-repeat;
	
}
#backBtnDis
{
	border:none;
	width:78px;
	height:78px;
	background-image:url(../images/backBtnDis.png);
	background-repeat:no-repeat;
	
}
#BtnDiv
{
	width:770px;
	height:78px;
	text-align:center;
	padding-top:20px;
	
}
#backBtnDiv
{
	height:78px;
	width:78px;
	overflow:hidden;
	float:left;
	padding-left:217.5px;
}
#backBtnDiv2
{
	height:78px;
	width:78px;
	overflow:hidden;
	float:left;
	
}
#ToSubmitBtnDiv
{
	width:257px;
	height:78px;
	float:left;
}
#FromSubmitBtnDiv
{
	width:257px;
	height:78px;
	float:left;
}
#DateTimeSubmitBtnDiv
{
	width:257px;
	height:78px;
	float:left;
}
#FromSubmitBtn
{
	background-image:url(../images/ToBtn.png);
	background-repeat:no-repeat;
	width:257px;
	height:78px;
	border:none;
	
}
#ToSubmitBtn
{
	background-image:url(../images/DateTimeBtn.png);
	background-repeat:no-repeat;
	width:257px;
	height:78px;
	border:none;
	
}
#DateTimeSubmitBtn
{
	background-image:url(../images/ConfirmTicketBtn.png);
	background-repeat:no-repeat;
	width:257px;
	height:78px;
	border:none;
	
}
#payTicketBtn
{
	background-image:url(../images/payTicketImg.png);
	background-repeat:no-repeat;
	width:257px;
	height:78px;
	border:none;
}
#payTicketBtnDiv
{
	width:257px;
	height:78px;
	border:none;
	float:left;
}

#ticketTemplate
{
	position:absolute;
	top:0px;
	left:3px;
	width:333px;
	height:294px;
	border:none;
	overflow:hidden;
}
#From-To
{
	color:Black;
	font-family:Arial Black;
	width:220px;
	height:25px;
	margin-top:120px;
	margin-left:100px;
}
#Date-Time
{
	color:Black;
	font-family:Arial Black;
	width:220px;
	height:25px;
	margin-top:5px;
	margin-left:100px;
}
#Bus
{
	color:Black;
	font-family:Arial Black;
	font-size:12px;
	width:100px;
	height:25px;
	margin-top:7px;
	margin-left:70px;
	float:left;
}
#Seat
{
	float:left;
	color:Black;
	font-family:Arial Black;
	width:80px;
	height:25px;
	margin-top:7px;
	margin-left:70px;
}
#Price
{
	float:left;
	color:Black;
	font-family:Arial Black;
	width:100px;
	height:25px;
	margin-top:7px;
	margin-left:70px;
}
#PassengerName
{
	float:left;
	color:Black;
	font-family:Arial Black;
	font-size:12px;
	width:190px;
	height:25px;
	margin-top:10px;
	margin-left:130px;
}
#ticketFrame
{
	width:340px;
	height:341px;
	position:absolute;
	top:170px;
	left:10px;
}
#ticketFrame2
{
	width:340px;
	height:341px;

}
#ticketFrame2div
{
	width:770px;
	height:auto;
	text-align:center;
	}
#printTicketbtn
{
	border:none;
	width:125px;
	height:125px;
	background-image:url(../images/iconPrint.png);
	background-repeat:none;
	float:left;
	background-color:transparent;

	
}
#printTicketbtnS
{
	border:none;
	width:60px;
	height:60px;
	background-image:url(../images/iconPrintS.png);
	background-repeat:none;
	float:left;
	background-color:transparent;

	
}
#ticketInfo,#routeInfo,#dateChange,#ticketSubmit
{
	width:125px;
	height:125px;
	text-align:center;
	float:left;
	margin-left:20px;
	}
#ticketInfoS,#routeInfoS,#dateChangeS,#mapS
{
	width:60px;
	height:60px;
	text-align:center;
	float:left;
	margin-left:10px;
	}
#routeInfoBallon
{
	width:125px;
	height:125px;
	background-image:url(../images/route.png);
	background-repeat:none;
	float:left;
	}
#routeInfoBallonS
{
	width:60px;
	height:60px;
	background-image:url(../images/routeS.png);
	background-repeat:none;
	float:left;
	}
#ticketInfoBallon
{
	width:125px;
	height:125px;
	background-image:url(../images/info.png);
	background-repeat:none;
	float:left;
	}
#ticketInfoBallonS
{
	width:60px;
	height:60px;
	background-image:url(../images/infoS.png);
	background-repeat:none;
	float:left;
	}

#dateChangeBtn
{
	width:125px;
	height:125px;
	background-image:url(../images/calendar.png);
	background-repeat:none;
	float:left;
	}
#dateChangeBtnS
{
	width:60px;
	height:60px;
	background-image:url(../images/calendarS.png);
	background-repeat:none;
	float:left;
	}
#ticketSubmitBtn
{
	width:125px;
	height:125px;
	background-image:url(../images/bus.png);
	background-repeat:none;
	float:left;
	}
#mapBtnS
{
	width:60px;
	height:60px;
	background-image:url(../images/mapS.png);
	background-repeat:none;
	float:left;
	}
#removeTicketBtn
{
	width:33px;
	height:33px;
	background-image:url(../images/ticketRemove.gif);
	background-color:transparent;
	border:none;
	float:left;
	margin-left:20px;
}
#printTicket
{
	width:125px;
	height:125px;
	text-align:center;
	float:left;
	margin-left:20px;
}
#payTicketDiv
{
	position:absolute;
	top:560px;
	left:235px;
	width:342px;
	height:78px;
	float:left;
}
#payTicketDiv2
{
	position:absolute;
	top:387px;
	left:225px;
	width:342px;
	height:78px;
	float:left;
}
#barcodeFrame
{
	width:auto;
	height:70px;
	position:absolute;
	top:275px;
	left:5%;
	border:none;

}
#freeseatBusDiv
{
	background-image:url('../images/freeSeatBusLoad.gif');
	width:660px;
	height:360px;
	margin-left:50px;
}
#payment
{
	position:absolute;
	top:173px;
	left:10px;
	float:left;
	width:750px;
	height:200px;
	text-align:center;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#paymentSubmit
{
	height:400px;
}
#creditName,#creditNum1,#creditNum2,#creditExp,#mobileText
{
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	margin-bottom:5px;
}
#fullBus
{
	background-image:url(../images/fullBus.png);
	width:660px;
	height:360px;
	margin-left:50px;
}
#fullBusBtns
{
	margin-top:50px;
	margin-left:120px;
}
#homePageBtnDiv, #changeDateTimeBtnDiv
{
	margin-top:15px;
	width:257px;
	height:78px;
	float:left;
}
#homePageBtn
{
	background-image:url(../images/homepageBtn.png);
	width:257px;
	height:78px;
	border:none;
}
#changeDateTimeBtn
{
	background-image:url(../images/changeDateBtn.png);
	width:257px;
	height:78px;
	border:none;
	margin-left:10px;
}
#myTicketsHeader
{
	background-image:url(../images/myTickets.png);
	position: absolute;
	top:0px;
    left: 0px;
    padding-left: -100px;
    width:786px;
	height:153px;
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
}
#ticket1
{
	width:383px;
	height:500px;
	position:absolute;
	top:160px;
	left:5px;
	text-align:center;
}
#ticket2
{
	width:383px;
	height:500px;
	position:absolute;
	top:160px;
	left:393px;
	text-align:center;
}

#From-To1
{
	width:220px;
	height:25px;
	color:Black;
	font-family:Arial Black;
	font-size:16px;
	text-align:left;	
	padding-left:10px;
}
#Date-Time1
{
	width:220px;
	height:25px;
	color:Black;
	font-family:Arial Black;
	font-size:16px;
	margin-top:5px;
	padding-left:10px;
	text-align:left;
}
#Bus1
{
	width:120px;
	height:25px;
	color:Black;
	font-family:Arial Black;
	font-size:16px;
	margin-top:8px;
	margin-left:-40px;
	float:left;
	padding-left:10px;
	text-align:left;
}
#Seat1
{
	width:50px;
	height:25px;
	color:Black;
	font-family:Arial Black;
	font-size:16px;
	margin-top:8px;
	margin-left:50px;
	float:left;
	padding-left:10px;
	text-align:left;
}
#Price1
{
	width:150px;
	height:25px;
	color:Black;
	font-family:Arial Black;
	font-size:16px;
	margin-top:8px;
	margin-left:-40px;
	float:left;
	padding-left:10px;
	text-align:left;
}
#PassengerName1
{
	width:190px;
	height:25px;
	color:Black;
	font-family:Arial Black;
	font-size:16px;
	margin-top:6px;
	margin-left:30px;
	float:left;
	padding-left:10px;
	text-align:left;
}
#ticketBody
{
	background-color:#666;
}
#myTicketFrame1
{
	width:340px;
	height:341px;
	position:absolute;
	top:0px;
	left:10px;
	float:left;
}
#myTicketFrame2
{
	width:340px;
	height:341px;
	position:absolute;
	top:0px;
	left:10px;
	float:left;
}
#ticket1buttons
{
	position:absolute;
	top:351px;
	left:10px;
	width:340px;
	height:50px;
	float:center;
	text-align:center;
}
#ticket2buttons
{
	position:absolute;
	top:351px;
	left:10px;
	width:340px;
	height:50px;
	float:left;
}
#bus_now_div
{	
	width:283px;
	height:79px;
	float:left;
	display:block;
	margin:30px 0px 80px 90px;
	}

#selectTimeDiv
{
	Width:auto;
	height:auto;
	float:left;
	
	}