ÿþ/*

Design by Free CSS Templates

http://www.freecsstemplates.org

Released for free under a Creative Commons Attribution 2.5 License

*/



body {

	margin: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #787878;

}



h1, h2, h3 {

	margin: 0;

	text-transform: uppercase;

	letter-spacing: .15em;

	font-family: Arial, Helvetica, sans-serif;

}



h1 {

	font-size: 1.8em;

}



h2 {

	font-size: 1.4em;

}



h3 {

	font-size: 1em;

}



p, ul, ol {

	margin-top: 0;

	line-height: 180%;

}



ul, ol {

}



a {

	text-decoration: none;

	color: #C0BFBF;

}



a:hover {

	background: none;

}



/* Header */



#header {

	width: 920px;

	height: 75px;

	margin: 0 auto;

	background: url(../img/banner.jpg) repeat-x right top;

}



/* Logo */

#logo {

	float: left;

	width: 319px;

}

#logo img {

	float: left;

	padding-top: 13px;

	text-transform: uppercase;

	font-size: 2.6em;

}

#logo p {

	float: left;

	margin: 0;

	padding: 30px 0 0 2px;

	text-transform: lowercase;

	font: 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;

} 

#logo a {

	background: none;

	text-decoration: none;

	color: #5F882C;

}



/* Search */



#language {

	float: left;

	width: 80px;

}



/* Menu */



#menu {

	width: 920px;

	height: 30px;

	margin: 0 auto;

	background: url(../img/bgMenu2.png) repeat-x left top;

}



#menu ul 

{

	padding-top: 5px;

	padding-left: 5px;

	list-style: none;

	line-height: normal;

}



#menu li {

	float: left;

}



#menu a {

	margin-right: 3px;

	padding: 4px 5px 4px 8px;

	/*text-transform: uppercase;*/

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	color: #FFFFFF;

}



#menu a:hover, #menu .current_page_item a {

	background: #3399FF;

	color: #FFFFFF;

}



#menu a:hover {

	/*text-decoration: underline;*/

}



/* Page */



#page {

	width: 920px;

	margin: 0 auto;

	padding-top: 15px;

}



/* Content */



#content {

	float: left;

	width: 495px;

}



#content h2 {

	/*padding: 3px 10px;*/

	padding-bottom: 1px;

	padding-top: 1px;

	padding-left: 8px;

	height: 20px;

	/*background: #61B329 repeat-x left top;*/

	background: #50A100 url('../img/bgMenu1.png') repeat-x 0 0;

	letter-spacing: -.5px;

	font-size: 1.1em;

	color: #000000;

}



.post 

{

}



/* Sidebar */



#sidebar {

	float: right;

	width: 415px;

	border-bottom: 1px dashed #D2D4C9;

	color: #787878;

}



#sidebar ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



#sidebar li {

}



#sidebar li ul {

	padding: 20px;

}



#sidebar li li {

	line-height: 20px;

	background: url(../img/img05.jpg) no-repeat left center;

	border-bottom: 1px dashed #D2D4C9;

	padding-left: 15px;

}



#sidebar p {

	padding: 5px;

}



#sidebar a {

	color: #787878;

}



/*ChauLH*/

#sidebar h2 {

	/*padding: 3px 10px;*/

	/*padding-bottom: 0.5px;*/

	padding-top: 2px;

	padding-left: 8px;

	/*background: #61B329 repeat-x left top;*/

	background: #50A100 url('../img/bgMenu1.png') repeat-x 0 0;

	letter-spacing: -.5px;

	font-size: 1.3em;

	height: 22px;

	color: #FFFFFF;

}



/*ChauLH*/



/* Calendar */



#calendar {

}



#calendar_wrap {

	padding: 20px;

}



#calendar table {

	width: 100%;

}



#calendar tbody td {

	text-align: center;

}



#calendar #next {

	text-align: right;

}



/* Footer */



#footer {

	width: 920px;

	height: 10px;

	margin: 0 auto;

	padding: 16px 0;

	background: #DCDCDC url(images/img02.jpg) left top;

	font-family: Arial, Helvetica, sans-serif;

	color: #000000;

	font-weight:bold;

}



#footer p {

	margin: 0;

	line-height: normal;

	font-size: 11px;

	text-transform: uppercase;

	text-align: center;

}



#footer a {

	color: #FFFFFF;

}



/*

* BookingDetail

*/

/*Content for Chu thich va tim kiem*/

#ChuThichTimKiem {

	width: 920px;

	height: 162px;

}



.ChuThich {

	float: left;

	width: 350px;

}



.TimKiem {

	float: right;

	width: 350px;

}



#SoDoTau {

	width: 920px;

	float: left;

}



#BookingConfirm {

	width: 920px;

	float: left;

}



.BookingDetail 

{

}



.BookingDetail table

{

	border-style: solid;

	border-width: thin;

	border-color: #CD853F;

}



.BookingDetail h2 {

	padding: 3px 10px;

	background: url('../img/bgMenu1.png') repeat-x left top;

	letter-spacing: -.5px;

	font-size: 1em;

	color: #FFFFFF;

}

/*End*/



/*button dung cho viec hien thi so do tau*/

.btnGheDaChon

{ 

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 13px;

    color: #330000;

    background-color: #9999FF;

    border: 1px solid #9999FF; 

} 



.btnGheTrong

{ 

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 13px;

    color: #330000;

    background-color: #33FF99;

    border: 1px solid #33FF99; 

} 



.btnGheDangChon

{ 

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 13px;

    color: #330000;

    background-color: #FFCC99;

    border: 1px solid #FFCC99; 

} 



.btnTimkiem

{ 

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;

    width: 80px;

    color: #FFFFFF;

    background-color: #66CC33;

    border: 1px solid #000000;

    margin-left: 240px; 

}



.btnTiepTucBookingDetail

{ 

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;

    width: 80px;

    height: 25px;

    color: #FFFFFF;

    background-color: #66CC33;

    border: 1px solid #000000; 

    margin-left: 840px;

}



.btnCompleteQuayLai

{ 

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;

    width: 135px;

    height: 25px;

    color: #FFFFFF;

    background-color: #66CC33;

    border: 1px solid #000000; 

    margin-left: 662px;

}



.btnMua

{ 

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;

    width: 80px;

    height: 25px;

    color: #FFFFFF;

    background-color: #66CC33;

    border: 1px solid #000000; 

}



.btnDatcho

{ 

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;

    width: 80px;

    height: 25px;

    color: #FFFFFF;

    background-color: #66CC33;

    border: 1px solid #000000; 

    margin-left: 718px;

}



.btnContactMail

{ 

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;

    width: 80px;

    height: 25px;

    color: #FFFFFF;

    background-color: #66CC33;

    border: 1px solid #000000; 

    margin-left: 323px;

}



.btnTiepTucTrangChu

{ 

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 13px;

    width: 80px;

    height: 25px;

    color: #FFFFFF;

    background-color: #66CC33;

    border: 1px solid #000000; 

    margin-left: 355px;

}



.btnThoat

{ 

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 13px;

    width: 80px;

    height: 25px;

    color: #FFFFFF;

    background-color: #66CC33;

    border: 1px solid #000000; 

    margin-right: 10px;

}



.btnDangKy

{ 

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 13px;

    width: 80px;

    height: 25px;

    color: #FFFFFF;

    background-color: #66CC33;

    border: 1px solid #000000; 

    margin-right: 10px;

}



.cboGioDi

{ 

    margin-left: 40px;

}



/*Style cça calendar start*/

.cal_Theme1 .ajax__calendar_container   {

    background-color: #e2e2e2; 

    border:solid 1px #cccccc;

}



.cal_Theme1 .ajax__calendar_header  {

    background-color: #00CD66; 

    margin-bottom: 4px;

}



.cal_Theme1 .ajax__calendar_title,

.cal_Theme1 .ajax__calendar_next,

.cal_Theme1 .ajax__calendar_prev    {

    color: #004080; 

    padding-top: 3px;

}



.cal_Theme1 .ajax__calendar_body    {

    background-color: #FFFFFF; 

    border: solid 1px #cccccc;

}



.cal_Theme1 .ajax__calendar_dayname {

    text-align:center; 

    font-weight:bold; 

    margin-bottom: 4px; 

    margin-top: 2px;

}



/*Body cua toan bo ngay hien thi*/

.cal_Theme1 .ajax__calendar_day {

    text-align:center;

}



.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,

.cal_Theme1 .ajax__calendar_active  {

    color: #FF3333; 

    font-weight: bold; 

    font-size: medium;

    background-color: #ffffff;

}



/*Hien thi today footter*/

.cal_Theme1 .ajax__calendar_today   {

    font-weight:bold;

    color: #FF3333; 

}



.cal_Theme1 .ajax__calendar_other,

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {

    color: #bbbbbb;

}

/*Style cça calendar end*/



#contentLeft {

	float: left;

	width: 180px;

}



.postContent 

{

    margin: 0;

}



#contentRight {

	float: right;

	width: 600px;

}



.postContent ul li {

    /*text-indent: 10px; */

    text-align: left;

    border: 1px solid #CFCFCF;

    display: block;

}



.postContent ul li a, #contentLeft ul li a:visited  {

    color: #316D00;

    display: block;

    padding: 0.4em 0;

    text-decoration: none;

    font-weight: normal;

}



.postContent ul li.last {

    border-bottom: none;

}



.postContent ul li a:hover, #contentLeft ul li a.active {

    background-color: #DDFFBF;

    font-weight: bold !important;

}



/*Label confirm value start*/

.labelValues

{ 

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 13px;

    font-weight: bold;

    color: #000000;

}



.label

{ 

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 13px;

    color: #000000;

}

/*Label confirm value end*/



/*Dùng hiÃn thË 
°
Ýng 
i cça thanh toán*/

.orderBuyStep { }

.orderBuyStep .step

{ 

	font-size:12px;

	color:#000000; 

	background:#FFFFFF; 

}

.orderBuyStep .stepNow

{ 

	font-size:15px; 

	font-weight:bold;

	color:#308014; 

}



/*

HiÃn thË tab ß trang chç start

*/

.ajax__myTab .ajax__tab_header 

{

    font-family:arial,helvetica,clean,sans-serif;

    font-size:medium;

    border-bottom:solid 3px #336600;

}

/*body cua tab*/

.ajax__myTab .ajax__tab_header .ajax__tab_outer 

{

    background:#d8d8d8 repeat-x;

    margin:0px 0.16em 0px 0px;

    padding:1px 0px 1px 0px;

    vertical-align:bottom;

    border:solid 1px #a3a3a3;

    border-bottom-width:0px;

}

.ajax__myTab .ajax__tab_header .ajax__tab_tab

{    

    color:#000000;

    padding:0.35em 0.75em;    

    margin-right:0.01em;

}

.ajax__myTab .ajax__tab_hover .ajax__tab_outer 

{

    background: url('../img/bgMenu.gif') repeat-x left top;

}

.ajax__myTab .ajax__tab_active .ajax__tab_tab 

{

    color:#FFFFFF;

}

/*Color border ben phai cua tab active*/

.ajax__myTab .ajax__tab_active .ajax__tab_outer

{

	background: url('../img/bgMenu.gif') repeat-x left top;

}

/*Body cua tab*/

.ajax__myTab .ajax__tab_body 

{

    font-family:verdana,tahoma,helvetica;

    font-size:10pt;

    padding:0.25em 0.5em;

    /*background-color:#00CC33;*/    

    border:solid 1px #808080;

    border-top-width:0px;

}  

/*HiÃn thË tab ß trang chç end*/



/*HiÃn thË text cça lËch ch¡y tàu*/

.TimeTableHeader

{

	font-size: 13px;

	color: #0066CC;

	font-weight: bold;

}



.TimeTableTT

{

	font-size: 11px;

	color: #000000;

}



.HCMTimeTableDayly

{

	font-size: 16px;

	color: #000000;

	font-weight: bold;

	width: 76px;

	padding-left: 9px;

}



.HCMTimeTableExtent

{

	font-size: 16px;

	color: #FF0033;

	font-weight: bold;

	background-color: #CCFFFF;

	width: 76px;

	padding-left: 9px;

}



.PQTimeTableDayly

{

	font-size: 16px;

	color: #000000;

	font-weight: bold;

	background-color: #CCFFFF;

	width: 95px;

	padding-left: 22px;

}



.PQTimeTableExtent

{

	font-size: 16px;

	color: #FF0033;

	font-weight: bold;

	background-color: #CCFFFF;

	width: 95px;

	padding-left: 22px;

}



.TimeTableNote

{

	font-size: 13px;

	color: #808080;

	font-weight: normal;

	background-color: #FFFFFF;

}



/*B£ng giá thuê tàu*/

.Thuetau{}

.Thuetau .TuyenHCM_CT

{

    font-size: 17px;

    font-weight: bold;

    background-color: #FFFFCC;

    color: #000000;

}



.Thuetau .LabelHCM_CT

{

    font-size: 15px;

    font-weight: normal;

    background-color: #FFFFCC;

    height: 30px;

    color: #000000;

}



.Thuetau .TuyenHCM_MT

{

    font-size: 17px;

    font-weight: bold;

    background-color: #DAD6FE;

    color: #000000;

}



.Thuetau .LabelHCM_MT

{

    font-size: 15px;

    font-weight: normal;

    background-color: #DAD6FE;

    height: 30px;

    color: #000000;

}



/*
Ùi tàu*/

#ContentPage {

	width: 920px

}



.Doitau{}



.Doitau table

{

    border: 1px solid #008000;

}



.Doitau .Header

{

    background: url('../img/bgMenu1.png') repeat-x left top;

    color: #FFFFFF;

    font-size: 18px;

    font-weight: bold;

    text-transform: uppercase;

    font-family: 'Times New Roman' , Times, serif;

}



.Doitau .label1

{

    background-color: #FFFFCC;

    font-family: 'Times New Roman' , Times, serif;

    font-size: 17px;

    height: 30px;

}



.Doitau .label2

{

    background-color: #FFFFFF;

    font-size: 17px;

    font-family: 'Times New Roman' , Times, serif;

    height: 30px;

}



/*Màn hình mua vé trñc tuy¿n*/

#Search_Book {

	width: 920px;

	float: left;

}



.Search_Book 

{

}



.Search_Book table

{

	border-style: solid;

	border-width: medium;

	border-color: #CD853F;

}



.Search_Book h2 {

	padding: 3px 10px;

	background: #61B329 repeat-x left top;

	letter-spacing: -.5px;

	font-size: 1em;

	color: #FFFFFF;

}



/*Thông tin du lËch*/

.Tourist

{

	padding-left: 20px;

	margin-top: 5px;

}



/*ContactMail*/

.solidborder 

{

	border: solid 1px #336699; 

	font-size: 10px; 

	font-family:  Verdana, Arial, Tahoma;

}



.footer1_link 

{ 

	font-size: 11px; 

	font-family:  Verdana, Arial, Tahoma; 

	text-decoration: none; 

	color: black;

}



.footer2_link 

{ 

	font-size: 11px; 

	font-family:  Verdana, Arial, Tahoma; 

	text-decoration: none; 

	color: red;

}



/*Label cua cac item*/

.labelItem

{ 

    font-size: 13px;

    color: #000000;

}



/*Label cua cac item*/

.labelItemBold

{ 

	font-size: 17px;

    font-weight: bold;   

    color: #000000;

}



.NoteKhongCoChuyenTau

{

	font-size: 16px;

	color: Red;

	font-weight: bold;

	padding-left: 9px;

}



/*background form tim chuyen tau o man hinh bookyourtrip*/

.ColorBookTrip 

{

    background-color:#edf5ff;    

}  

/*HiÃn thË tab ß trang chç end*/



/*Logo payment method start*/

#payment_method {

	width: 920px;

	height: 35px;

	margin: 0 auto;

	padding: 16px 0;

}

/*Logo payment method end*/



.TextContact {

	margin: 0;

	text-transform: uppercase;

	font-family: Times New Roman, Helvetica, sans-serif;

	font-weight: bold;

	color:#33CC33;

	font-size:medium;

}



/*Lam an control textbox khi control datetime thay doi*/

.txtDateAjax

{

	visibility:hidden;

	width:1px;

}



/*Hien thi noi dung cua thong tin*/

#contentNew {

	width: 920px;

	margin: 0 auto;

	padding: 16px 0;

}



#contentDangNhap {

	float: left;

	width: 300px;

}



#contentDangNhap h2 

{

	padding-top: 3px;

	padding-left: 8px;

	background: #50A100 url('../img/bgMenu1.png') repeat-x 0 0;

	letter-spacing: -.5px;

	font-size: 1.3em;

	height: 22px;

	color: #FFFFFF;

}



#contentPicture {

	float: right;

	width: 610px;

}



#contentBR {

	float: left;

	width: 920px;

	height: 10px;

}



.btnDangNhap

{ 

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 13px;

    width: 80px;

    height: 25px;

    color: #FFFFFF;

    background-color: #66CC33;

    border: 1px solid #000000; 

    margin-left: 110px; 

}



.hypDangKyMoi

{ 

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 13px;

    font-weight:bold;

    color: #339900;

    margin-left: 103px; 

}



.RegisterHeaderTbl

{

	background: #50A100 url('../img/bgMenu.gif') repeat-x 0 0;

	border-color : #50A100;

	border-style : solid;

	border-width : thin;

}



.RegisterTbl

{

	border-bottom-color: #50A100;

	border-bottom-style: dashed;

	border-bottom-width: thin;

	border-right-color: #50A100;

	border-right-style: dashed;

	border-right-width: thin;

	border-left-color: #50A100;

	border-left-style: dashed;

	border-left-width: thin;

}