/*global*/

/* from B2C */
body { margin: 0px; padding: 0px; background:#ffffff; font-family: Arial, tahoma; font-size:10pt; line-height:15px; TEXT-ALIGN: left; color:#000000; }
.Wrapper br {line-height:0px;}
.Wrapper { background:#FFFFFF; WIDTH:920px; margin:0px auto; height: auto;}
.WrapperBody{ padding:0px 10px 50px 10px; width:900px; /*min-height:500px;*/ background:#ffffff;}
.WrapperBodyLong{ padding:0px 10px 50px 10px; width:900px; height: auto; /*min-height:1150px;*/ background:#FFFFFF;}
.TextRed { color:#000;} 
.TextBlue { color:#003399;}
.asterisk { color:#ff0000; font-weight:bold; margin-left:3px; line-height:40px;; }

.none { display:none;}
.w100 { width:100%;}
.clearboth { clear:both; float:none; margin:0px; padding:0px; width:auto; height:0px;}
.space5 { clear:both; float:none; margin:0px; padding:0px; width:auto; height:5px;}
.space10 { clear:both; float:none; margin:0px; padding:0px; width:auto; height:10px;}
.space10white { clear:both; float:none; margin:0px; padding:0px; width:auto; height:10px; background:#FFFFFF;}
.space15 { clear:both; float:none; margin:0px; padding:0px; width:auto; height:15px;}
.space20 { clear:both; float:none; margin:0px; padding:0px; width:auto; height:20px;}
.RequestStar { padding-left: 3px; color:#FF0000;}
div,span,h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
img, a img { border:none; vertical-align:top; margin:0; padding:0;}
select { font-size:12px; margin:2px 0px; padding:1px; font-family: Arial, tahoma; border-radius: 5px; border: 1px solid #233371; }
input { font-size:12px; font-family: Arial, tahoma; border-radius: 5px; border: 1px solid #233371; padding: 5px;  }
textarea, form, label, list {font-family: Arial, tahoma; }
iframe { border:none;}
th, tr, td { font-size: 12px; }
.Flags { float:right; margin:0px; padding:0px; width:100%; text-align:right; padding: 5px 10px 10px 0px;}
.Flags img { cursor: pointer; height:11px; width:16px;}
.NoFlightFound { float: left; padding-top: 20px;}
.pnError { color: red;}
.RequestStar {color:#FF0000;}
.greenline { width: 100%; border: 1px solid #233371; height: 5px; background: #233371;}

a:active, a:focus {outline: 0;}


li.detail input {font-size:10pt; padding:5px; margin:1px; font-family: Arial, tahoma;}
li.detail select {font-size:10pt; padding:5px; margin:1px; line-height: 23px;}
li.detail img {vertical-align:middle; cursor: pointer;}

/*UserInfo Search Button*/
.ButtonAlignMiddleUserInfo{ float:right;margin-top:10px; margin-right:10px;}

/*Progress bar*/
.ProgressBarHeaderTxt{ font-size:14px; font-weight:bold; color:#000; text-align:center; padding-top:5px;}
.ProgressBarBodyTxt{ font-size:12px; font-weight:bold; color:#000; text-align:center;}
.ProgressBarAnimate{ text-align:center; padding:20px 0px 20px 0px;}
.ProgressBarBox { visibility:show; z-index:10000; width:470px; height:148px; background:#ffffff; padding:10px; border:1px solid #233371; }
.ProgressBarBoxYellow{ width:470px; height:15px; background:#00aeed;}

/* Loading Bar*/
.LoadingBox 
{
  background: #ffffff;
  width: 355px;
	border: 1px solid #233371;
	padding-bottom: 20px;
}
.LoadingBoxMid {
	margin: 20px 0;
}

.ProgressBarAnimate img,
.LoadingBox img {width: 255px; height: 32px;}
.LoadingBox div.LoadingStep { text-align: center; padding: 20px 0px 10px 0px; font-weight:bold; color:#000; font-size: 13px; width: 100%; }
.LoadingBoxHeader { width: 355px; height: 5px;}

/*Error Message*/
#pnError{color: red; padding-left:10px; margin-top:5px;}
.ImgHeader{ background:url(../Images/ImgHeader.jpg) no-repeat; width:920px; height:150px;}

/* Menu ISK start */
.submenu {font-family: Arial, tahoma; font-size:16px; color:#ffffff; margin-right:40px; cursor: pointer;}
.submenu a:link {color :#ffffff; text-decoration:none;}
.submenu a:visited {color :#ffffff; text-decoration:none;}
.submenu a:hover {color	:#ffffff; text-decoration:none;}
.submenu a:active {color :#ffffff; text-decoration:none;}

#MenuIFrame {DISPLAY: none; Z-INDEX: 99; LEFT: 0px; WIDTH: 100px; POSITION: absolute;}
.HeaderMenu { width:920px;}

.menu {	float:right; padding-top:70px; margin-right: 70px;}
.menu UL { list-style:none; padding:0px; margin:0px; width:100%; float:left;}

/* Menu Items */
.menu UL LI.normal { margin:0px; padding:0px; background:none;}
.menu UL LI A {
	display			: block; /* Bugfix for IE6 */
	color			:#000; text-decoration:none; 
	}
.menu UL LI A:active {
	display			: block; /* Bugfix for IE6 */
	color			:#2a6ebb; text-decoration:none;}
.menu UL LI A:hover {
	display			: block; /* Bugfix for IE6 */
	color			:#7f96f3; text-decoration:none;}
.menu UL LI INPUT {
	display			: block; /* Bugfix for IE6 */
}

/* Menu Items */
.menu UL LI	{
	float 		: left;
	font-family: Arial, tahoma; 
	font-size 	: 12px;
	font-weight : bold;
	color 		:#2a6ebb;}

/* Menu SubItems */
.menu UL LI UL { 
	border : 1px solid #ffffff;
	border-bottom : none;
	clear : left;
	display : none;
	list-style : none;
	margin : 0px;
	padding : 0px;
	position : absolute;
	width : auto !important;
	z-index : 100;}
.menu UL LI UL LI { 
	color :#ffffff; 
	background:#233371;
	border-bottom : 1px solid #ffffff;
	/*width : 100% !important;*/
	clear : both !important;
	text-align : left;
	line-height : 25px;}
.menu UL LI UL LI A	{
	font-family: Arial, tahoma;
	font-weight: normal;
	font-size: 14px;
	color :#ffffff;
	padding : 1px 0px 1px 0px;
	text-decoration	: none;
	height : 25px;
	width : 290px !important;}
.menu UL LI UL LI A:hover {	background:#7f96f3; color :#ffffff; text-decoration:none;}
.menu UL LI UL LI A:active { background:#7f96f3; color :#ffffff; text-decoration:none;}
.menu UL LI UL .H {	
	background:#FFFFFF; 
	border-bottom : 1px solid #0D54B1;
	display : block;
	text-align : left;
	display : block;
	font-family : Arial,Helvetica, Verdana,sans-serif;
	font-size: 11px;
	color :#666666;
	font-weight : Bold;
	padding : 1px 0px 1px 0px;
	text-decoration	: none;
	width : 160px;}
.menu UL LI UL .S {
	background :#FFFFFF;
	border-bottom : 1px solid #0D54B1;
	display : block;
	text-align : left;
	display : block;
	font-family : Arial,Helvetica, Verdana,sans-serif;
	font-size: 11px;
	color :#666666;
	font-weight : Bold;
	text-decoration	: none;
	width : 160px;}
.menu UL LI UL .H A {
	display : block;
	font-family : Arial,Helvetica, Verdana,sans-serif;
	font-size : 11px;
	color :#666666;
	font-weight : bold;
	padding : 1px 0px 1px 0px;
	text-decoration	: none;
	width : 160px;}
.menu UL LI UL .S A {
	display : block;
	font-family : Arial,Helvetica, Verdana,sans-serif;
	font-size: 11px;
	color :#666666;
	font-weight : normal;
	padding : 1px 0px 1px 0px;
	text-decoration	: none;
	width : 160px;}
.menu UL LI:hover ul, UL LI.over UL { display: block; position: absolute;}

/*Balace_Lock_*/
.headers_lock_balace_home{
	margin: 20px 0px 0px 0px;
	font: bold 11px Tahoma, Arial, sans-serif, verdana;
	width: 100%;
	color:#c4102f;
	text-align: center	}
.headers_lock_balace{
	margin: 20px 0px 0px 0px;
	font: bold 11px Tahoma, Arial, sans-serif, verdana;
	width: 100%;
	color:#c4102f;
	text-align: center;}

.AgencyInfos { text-align:left; width:820px; height:auto;margin:20px 0px 20px 0px; line-height:20px;}
.AgencyInfos div.Header { height:20px; background:#FFCC00; font-weight:bold; color:#cd2903; padding:0px 5px;}
.AgencyInfos ul.Left { float:left;width:380px; margin:10px 0px;font-size: 11px ;padding:0px;}
.AgencyInfos ul.Right { float:right;width:380px; margin:10px 0px;font-size: 11px ;padding:0px;}
.AgencyInfos li.Title { float:left;width:120px; font-weight:bold; color:#132544; list-style:none;padding:0px;}
.AgencyInfos li.Detail { float:left;width:260px; font-weight:normal; color:#132544; list-style:none;padding:0px;}

.ArrowComplete { margin:0px; padding:0px; width:20px; height:20px; background:../Images/bch.gif;}
.ArrowDetail { margin:0px; padding:0px; width:20px; height:20px; background:../Images/bed.gif;}

.TBLAccountInfo { width:610px; float:left; font-family: Arial,Helvetica, Verdana,sans-serif; font-size:11px;}
.TBLAccountInfo td { border-bottom:1px solid #FFFFFF; padding:2px; height:22px; line-height:14px;}
.TBLAccountInfo td.HeadCOL1 { width:20px; background: #056738; color:#ffffff; font-weight:bold;}
.TBLAccountInfo td.HeadCOL2 { width:70px; background: #056738; color:#ffffff; font-weight:bold;}
.TBLAccountInfo td.HeadCOL3 { width:180px; background: #056738; color:#ffffff; font-weight:bold;}
.TBLAccountInfo td.HeadCOL4 { width:180px; background: #056738; color:#ffffff; font-weight:bold;}
.TBLAccountInfo td.HeadCOL5 { width:70px; background: #056738; color:#ffffff; font-weight:bold; text-align:right}
.TBLAccountInfo td.HeadCOL6 { width:20px; background: #056738; color:#ffffff; font-weight:bold;}
.TBLAccountInfo td.HeadCOL7 { background: #056738;}
.TBLAccountInfo td.HeadCOL8 { background: #056738;}
.TBLAccountInfo td.HeadCOL9 { background: #056738;}

.TBLAccountInfo td.BodyCOL1 { background:#ffffff;}
.TBLAccountInfo td.BodyCOL2 { background:#ffffff;}
.TBLAccountInfo td.BodyCOL3 { background:#ffffff;}
.TBLAccountInfo td.BodyCOL4 { background:#ffffff;}
.TBLAccountInfo td.BodyCOL5 { background:#ffffff;}
.TBLAccountInfo td.BodyCOL6 { background:#ffffff; text-align:right}
.TBLAccountInfo td.BodyCOL7 { background:#ffffff;}
.TBLAccountInfo td.BodyCOL8 { background:#ffffff;}
.TBLAccountInfo td.BodyCOL9 { background:#ffffff;}

.ActivitiesInfos { width:632px; background:#ffffff; border:#233371 1px solid; border-collapse:collapse; margin-bottom: 10px;}
.ActivitiesInfos a { text-decoration:none; cursor:pointer;}
.ActivitiesInfos div.Header { height:22px; background:#FFCC00; font-weight:bold; color:#cd2903; float:left; padding:0px 5px;}

.ActivitiesInfos td { height:30px; padding:0px 3px; color:#000000; vertical-align:top; padding-top: 5px; font-size:12px; line-height:12px; font-family: Arial, tahoma;}
.ActivitiesInfos td.HeadCOL1 {  width:4%; background:#33499f;}
.ActivitiesInfos td.HeadCOL2 {  width:8%; background:#33499f; font-weight:bold; color:#fff;}
.ActivitiesInfos td.HeadCOL3 {  width:8%; background:#33499f; font-weight:bold; color:#fff;}
.ActivitiesInfos td.HeadCOL4 {  width:22%; background:#33499f; font-weight:bold; color:#fff;}
.ActivitiesInfos td.HeadCOL5 {  width:22%; background:#33499f; font-weight:bold; color:#fff;}
.ActivitiesInfos td.HeadCOL6 {  width:22%; background:#33499f; font-weight:bold; color:#fff;}
.ActivitiesInfos td.HeadCOL7 {  width:2%; background:#33499f; color:#fff;}
.ActivitiesInfos td.HeadCOL8 {  width:2%; background:#33499f; color:#fff;}

.ActivitiesInfos td.BodyCOL1 { border-top:#233371 1px solid; text-align:center;}
.ActivitiesInfos td.BodyCOL2 { border-top:#233371 1px solid;}
.ActivitiesInfos td.BodyCOL3 { border-top:#233371 1px solid;}
.ActivitiesInfos td.BodyCOL4 { border-top:#233371 1px solid;}
.ActivitiesInfos td.BodyCOL5 { border-top:#233371 1px solid;}
.ActivitiesInfos td.BodyCOL6 { border-top:#233371 1px solid;}
.ActivitiesInfos td.BodyCOL7 { border-top:#233371 1px solid;}
.ActivitiesInfos td.BodyCOL8 { border-top:#233371 1px solid;}

.TBLActivityReports { width:902px; border-collapse: collapse; font-family: Arial, tahoma;}
.TBLActivityReports a { text-decoration:none; cursor:pointer;}
.TBLActivityReports td { border-top:1px solid #233371; height:30px; padding:1px 2px; line-height:14px;}
.TBLActivityReports td.HeadCOL1 { width:20px; background: #33499f; color:#fff; font-weight:bold; text-align:center;}
.TBLActivityReports td.HeadCOL2 { width:50px; background: #33499f; color:#fff; font-weight:bold;}
.TBLActivityReports td.HeadCOL3 { width:50px; background: #33499f; color:#fff; font-weight:bold; }
.TBLActivityReports td.HeadCOL4 { width:200px; background: #33499f; color:#fff; font-weight:bold;}
.TBLActivityReports td.HeadCOL5 { width:200px; background: #33499f; color:#fff; font-weight:bold;}
.TBLActivityReports td.HeadCOL6 { width:300px; background: #33499f; color:#fff; font-weight:bold; padding-left:5px;}
.TBLActivityReports td.HeadCOL7 { width:15px; background: #33499f; color:#fff; font-weight:bold;}
.TBLActivityReports td.HeadCOL8 { width:15px; background: #33499f; color:#fff; font-weight:bold;}

.TBLActivityReports td.BodyCOL1 { background:#ffffff; text-align:center; vertical-align: top; padding-top: 3px; }
.TBLActivityReports td.BodyCOL2 { background:#ffffff; vertical-align: top; padding-top: 3px;}
.TBLActivityReports td.BodyCOL3 { background:#ffffff; vertical-align: top; padding-top: 3px;}
.TBLActivityReports td.BodyCOL4 { background:#ffffff; vertical-align: top; padding-top: 3px;}
.TBLActivityReports td.BodyCOL5 { background:#ffffff; vertical-align: top; padding-top: 3px;}
.TBLActivityReports td.BodyCOL6 { background:#ffffff; padding-left:5px; vertical-align: top; padding-top: 3px;}
.TBLActivityReports td.BodyCOL7 { background:#ffffff; vertical-align: top; padding-top: 3px;}
.TBLActivityReports td.BodyCOL8 { background:#ffffff; vertical-align: top; padding-top: 3px;}

.bcom { width:15px; height:15px; margin:2px; background:url(../Images/bcom.gif) no-repeat;}
.bcom a:link { border:none; text-decoration:none;}
.bcom a:visited {border:none; text-decoration:none;}
.bcom a:hover {border:none; text-decoration:none;}
.bcom a:active {border:none; text-decoration:none;}

.bar { width:15px; height:15px; margin:2px; background:url(../Images/bar.gif) no-repeat;}
.bar a:link { border:none; text-decoration:none;}
.bar a:visited {border:none; text-decoration:none;}
.bar a:hover {border:none; text-decoration:none;}
.bar a:active {border:none; text-decoration:none;}

.bprint { width:15px; height:15px; margin:2px; background:url(../Images/bpp.gif) no-repeat;}
.bprint a:link { border:none; text-decoration:none;}
.bprint a:visited { border:none; text-decoration:none;}
.bprint a:hover { border:none; text-decoration:none;}
.bprint a:active { border:none; text-decoration:none;}

/*Footer B2E*/
span.TradeMark { float:right; height:35px; line-height:35px; background:url(../Images/bravo.png) no-repeat right; vertical-align:middle; margin-right: 20px; padding-right:30px;}
span.TradeMark a { text-decoration:none; padding:5px 60px 10px 0px; margin-left:10px; cursor:pointer; line-height:25px;}
span.CopyRight { float:left; line-height:35px; padding-left: 20px;}

/*Footer B2C*/
.Footer { width:920px; height:35px; margin:0px auto; background-color:#6d6e72; color: #ffffff;}
.FooterBlue { width:100%; height:3px; background: #056738; clear:both; float:left;}
.FooterYellow { width:100%; height:3px; background:#F5BC0C; clear:both; float:left; margin-bottom:5px;}
.footertext { font-size:10px; color:#003868;}
.footerul { margin:0; padding:0; float:left;}
.footerli{ display:inline; list-style:none;}

/*UserInfo Search Button*/
.ButtonAlignMiddleUserInfo{ margin:0px 10px;} 
.ButtonYellow { float:right; margin:0px 7px 7px 0px;}
.ButtonYellowLeft
{
	 width:5px;
	 height:20px;
	 float:right;
	 background-image: url(../Images/linkbuttonleft.png);
	 background-repeat:no-repeat;
	 width:5px;
	 overflow:hidden;
	 text-decoration:none;}

.ButtonYellowContent
{
	font-size:12px;
	line-height:15px;
	font-weight:bold;
	color:#132544;
	height:18px;
	display:block;
	float:right;	 
	background-image: url(../Images/linkbutton.png);
	padding: 2px 5px 0 5px;
	text-decoration:none;
	cursor:pointer;}
.ButtonYellowContent a {color:#132544; text-decoration:none;}
.ButtonYellowRight
{
	 width:5px;
	 height:20px;
	 float:right;
	 background-image: url(../Images/linkbuttonright.png);
	 background-repeat:no-repeat;
	 width:5px;
	 overflow:hidden;
	 text-decoration:none;}

/************************ Low Fare *********************/
.ButtonLowFare { float:left; margin:0px 0px 7px 7px;}
.ButtonLowFareLeft
{
	 width:5px;
	 height:20px;
	 float:left;
	 background-image: url(../Images/linkbuttonleft.png);
	 background-repeat:no-repeat;
	 width:5px;
	 overflow:hidden;
	 text-decoration:none;}

.ButtonLowFareContent
{
	font-size:12px;
	line-height:15px;
	font-weight:bold;
	color:#132544;
	height:18px;
	display:block;
	float:left;	 
	background-image: url(../Images/linkbutton.png);
	padding: 2px 5px 0 5px;
	text-decoration:none;
	cursor:pointer;}

.ButtonLowFareRight
{
	 width:5px;
	 height:20px;
	 float:left;
	 background-image: url(../Images/linkbuttonright.png);
	 background-repeat:no-repeat;
	 width:5px;
	 overflow:hidden;
	 text-decoration:none;}

/*Button*/
.ButtonAlignLeft{ float:left;}
.ButtonAlignRight{ float:right; margin-left:3px;}
.ButtonAlignMiddle{ margin-left:350px;}
.ButtonReportAlignLeft{ float:right; padding-top:12px; margin-bottom: 10px;}
.ButtonError { margin-left: 143px;}
.ButtonMultiLeft { float: left; margin-left: 380px; padding-bottom: 10px;}
.ButtonMultiRight{ float:right; padding-right: 10px; padding-bottom: 10px;}

.buttonCornerLeft{ background: url(../Images/cornerleft.png); height:23px; width:12px; float:left;}
.buttonCornerRight{ background: url(../Images/cornerright.png); height:23px; width:12px; float:left;}
.buttonContent{ background: url(../Images/cornermid.png) repeat-x; line-height:23px; float:left; color:#ffffff; cursor: pointer; font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.buttonContent a:link{ color:#ffffff; text-decoration:none; font-weight: bold; }
.buttonContent a:visited{ color:#ffffff; text-decoration:none;font-weight: bold;}
.buttonContent a:hover{ color:#ffffff; text-decoration:none; font-weight: bold; }
.buttonContent a:active{ color:#ffffff; text-decoration:none; font-weight: bold;}

.BtnPopLeft{ background: url(../Images/cornerleft.gif); height:20px; width:10px; float:left;}
.BtnPopRight{ background: url(../Images/cornerright.gif); height:20px; width:10px; float:left;}
.BtnPopMid{ background: url(../Images/cornermid.gif) repeat-x; line-height:20px; float:left; color:#132544; font-size:12px; cursor: pointer; font-weight:bold;}
.BtnPopMid a:link{ color:#132544; text-decoration:none;}
.BtnPopMid a:visited{ color:#132544; text-decoration:none;}
.BtnPopMid a:hover{ color:#132544; text-decoration:none;}
.BtnPopMid a:active{ color:#132544; text-decoration:none;}

.buttonContentDisable{ float:left; color:#0e2b51; background: url(../Images/cornermid.gif); line-height:20px; float:left; color:#0e2b51; font-size:14px; cursor: pointer; font-weight:bold;}
.buttonContentDisable a:link{ color:#0e2b51; text-decoration:none;}
.buttonContentDisable a:visited{ color:#0e2b51; text-decoration:none;}
.buttonContentDisable a:active{ color:#0e2b51; text-decoration:none;}

.buttonCornerLeftB{ background: url(../Images/cornerleft.png); height:23px; width:12px; float:left;}
.buttonCornerRightB{ background: url(../Images/cornerright.png); height:23px; width:12px; float:left;}
.buttonContentB{background: url(../Images/cornermid.png) repeat-x; line-height:23px; float:left; color:#132544; cursor: pointer; font-weight:bold;}
.buttonContentB a:link{ color:#ffffff; text-decoration:none;}
.buttonContentB a:visited{ color:#ffffff; text-decoration:none;}
.buttonContentB a:hover{ color:#ffffff; text-decoration:none;}
.buttonContentB a:active{ color:#ffffff; text-decoration:none;}

.buttonCornerLeftGray{ background-image: url(../Images/cornerleftGray.gif); height:20px; width:10px; float:left;}
.buttonCornerRightGray{ background-image: url(../Images/cornerrightGray.gif); height:20px; width:10px; float:left;}
.buttonContentGray{ background-image: url(../Images/cornermidGray.gif); line-height:20px; float:left; color:#ffffff; cursor: pointer; font-weight:bold;}
.buttonContentGray a:link{ color:#ffffff; text-decoration:none;}
.buttonContentGray a:visited{ color:#ffffff; text-decoration:none;}
.buttonContentGrau a:active{ color:#ffffff; text-decoration:none;}

.buttonCornerLeftGreyBlue{ background-image: url(../Images/cornerleftGray.gif); height:20px; width:10px; float:left;}
.buttonCornerRightGreyBlue{ background-image: url(../Images/cornerrightGray.gif); height:20px; width:10px; float:left;}
.buttonContentGreyBlue{ background-image: url(../Images/cornermidGray.gif); line-height:20px; float:left; color:#ffffff; cursor: pointer; font-weight:bold;}
.buttonContentGreyBlue a:link{ color:#FFFFFF; text-decoration:none;}
.buttonContentGreyBlue a:active{ color:#FFFFFF; text-decoration:none;}
.buttonContentGreyBlue a:visited{ color:#FFFFFF; text-decoration:none;}
.ButtonAdminLogin{ padding-top:5px; padding-left:205px;}

.ButtonProceed {padding-top:10px; padding-bottom:10px; height:22px;}

.buttonCornerLeftDisable{ background: url(../Images/cornerleftdisable.png) no-repeat; height:23px; width:12px; float:left;}
.buttonCornerRightDisable{ background: url(../Images/cornerrightdisable.png) no-repeat; height:23px; width:12px; float:left;}
.buttonContentDisable{ background: url(../Images/cornermiddisable.png) repeat-x; line-height:23px; float:left; color:#fff; font-size:14px; cursor: default; font-weight:bold;}
.buttonContentDisable a:link{ color:#8fa0cb; text-decoration:none;}
.buttonContentDisable a:visited{ color:#8fa0cb; text-decoration:none;}
.buttonContentDisable a:active{ color:#8fa0cb; text-decoration:none;}

.buttonCornerLeft2 { background: url(../Images/cornerleft.png); height:23px; width:12px; float:left;}
.buttonCornerRight2 { background: url(../Images/cornerright.png); height:23px; width:12px; float:left;}
.buttonContent2 { background: url(../Images/cornermid.png) repeat-x; line-height:23px; float:left; color:#ffffff; cursor: pointer; font-size: 16px; font-weight: bold;}
.buttonContent2 a:link{ color:#ffffff; text-decoration:none; font-weight: bold; }
.buttonContent2 a:visited{ color:#ffffff; text-decoration:none;font-weight: bold;}
.buttonContent2 a:hover{ color:#ffffff; text-decoration:none; font-weight: bold; }
.buttonContent2 a:active{ color:#ffffff; text-decoration:none; font-weight: bold;}

.buttonView { float: left; width: 24px; height: 24px; background: url(../Images/bar.gif) no-repeat;}
.buttonView a { font-size: 0px; height: 15px; width: 15px; display: block;}
.buttonActivity { float: left; width: 15px; height: 15px; background: url(../Images/bcom.gif) no-repeat;}

/*Login*/
/* Please Login */
.PleaseLogin{ padding:0px; margin:60px 0px 0px 0px; float: right; width: 650px;}
.PleaseLoginLeft{ background-image: url(../Images/cornLogin01.gif); width:38px; height:29px; float:left;}
.PleaseLoginRight{ background-image: url(../Images/cornLogin02.gif); width:15px; height:29px; float:left;}
.PleaseLoginContent{ float:left; color:#000; font-size:24px; height:24px; padding:5px 0px; font-family:Arial, Tahoma ; font-weight: bold; }
.PleaseLoginContent2{ float:left; color:#000; font-size:24px; height:24px; padding:5px 0px; font-family:Arial, Tahoma ; font-weight: bold; }

.WelcomeText{color:#132544; font-size:14px; font-weight:bold; text-align:center; padding-top:10px;}
.WrapperBookingLoginBox{width:920px; height:300px; margin:50px auto; background:url(../Images/login.jpg) no-repeat;}
.BookingLoginBox{ width:450px; padding:0px; margin:0px; background: none;}
.LeftPanel{ width:105px; float:left; margin-top:30px; padding-left:30px; font-size:14px; font-weight:bold;}

.WrapperAdminLoginBox {width:920px; height:300px; margin:50px auto; background:url(../Images/login.jpg) no-repeat;}
.WrapperAdminLoginBox div.PleaseLogin{ padding:0px; margin:60px 0px 0px 0px; float: right; width: 650px;}
.WrapperAdminLoginBox div.PleaseLoginLeft{ background-image: url(../Images/cornLogin01.gif); width:38px; height:29px; float:left;}
.WrapperAdminLoginBox div.PleaseLoginRight{ background-image: url(../Images/cornLogin02.gif); width:15px; height:29px; float:left;}
.WrapperAdminLoginBox div.PleaseLoginContent{ float:left; color:#d31145; font-size:24px; height:24px; padding:5px 0px; font-family:Arial, Tahoma ; font-weight: bold; }
.WrapperAdminLoginBox div.ButtonAdminLogin {padding-top:5px; padding-left:205px;}

.MiddlePanel{width:450px; float:left;}
.MiddlePanel li { line-height: 35px;}.MiddlePanel li.label { width:200px; float:left; padding-right:5px; list-style:none; font-weight:none; font-size: 16px; font-family:Arial, Tahoma ; }

.MiddlePanel li.inputtext{ width:200px; float:left; margin-bottom:3px; font-weight:bold; color:#F5BC0C; list-style:none;}
.MiddlePanel input { width:160px; font-family:Arial, Tahoma ; font-size: 16px; padding: 7px; }

.MiddlePanel2{width:450px; float:left;}
.MiddlePanel2 li { line-height: 35px;}.MiddlePanel2 li.label { width:200px; float:left; padding-right:5px; list-style:none; font-weight:none; color:#000; font-size: 16px; font-family:Arial, Tahoma ; }
.MiddlePanel2 li.inputtext{ width:200px; float:left; margin-bottom:3px; font-weight:bold; color:#F5BC0C; list-style:none;}
.MiddlePanel2 input { width:160px; font-family:Arial, Tahoma ; font-size: 16px; padding: 7px; }

.SwitchLogin { width:185px; margin: 10px 0px 0px 205px; text-align:left; float: left;}
.SwitchLogin a:link { text-decoration:none; color:#2a6ebb; font-family:Arial, Tahoma ; font-size: 12px; text-decoration: underline;} 
.SwitchLogin a:visited { text-decoration:none; color:#2a6ebb;}
.SwitchLogin a:hover { text-decoration:underline; color:#2a6ebb;}
.SwitchLogin a:active { text-decoration:none; color:#2a6ebb;}

.WrapperConerBox{ width:350px; height:15px; background:#fbd022;}
.Cornerbox1{ background:url(../Images/corn02.gif) no-repeat right top;}
.Cornerbox2{ background:url(../Images/corn02.gif) no-repeat; width:15px; height:15px; float:right;}
.Cornerbox3{ background:url(../Images/corn04.gif) no-repeat right top;}
.Cornerbox4{ background:url(../Images/corn04.gif) no-repeat; width:15px; height:15px; float:right;}
.BookingRefText{ color:#132544; width:400px; padding-left:30px; float:left; margin-top:20px;}
.BookingRefTextBlueBold{ font-size:14px; font-weight:bold; color:#132544;}
.BookingRefTextRedBold{ color:#be1323; font-size:14px; font-weight:bold;}

/* Admin Login*/
.CoverDetailPopup{ width:900px; /*margin-top:10px;*/ }
.CoverDetailPopup .Label { color:#000; float:left; line-height:42px; margin-bottom:20px;}
.CoverDetailPopup .LabelButton { padding:5px 3px 0px 3px; float:left;}

.CoverDetailPopup .Detail { padding-left:10px; padding-right:10px; padding-top:10px;color:#be1323; float:left; font-weight:bold; width:200px;height:12px;}
.CoverDetailPopup .DetailInput { padding:5px; color:#be1323; float:left; font-weight:bold; width:210px; height:22px;}
.CoverDetailPopup input { width:200px;}
.CoverDetailPopup div.PagingBlack { font-size:11px; float:right; margin:5px 5px 10px 0px; color:#000000; text-align:right;}
.CoverDetailPopup div.PagingBlack a:link { color:#000000;}
.CoverDetailPopup div.PagingBlack a:visited { color:#000000;}
.CoverDetailPopup div.PagingBlack a:hover { color:#000000;}
.CoverDetailPopup div.PagingBlack a:active { color:#000000;}

.PagingBlack { font-size:11px; float:right; margin:5px 5px 10px 0px; color:#000000; text-align:right;}
.PagingBlack a:link { color:#000000;}
.PagingBlack a:visited { color:#000000;}
.PagingBlack a:hover { color:#000000;}
.PagingBlack a:active { color:#000000;}

.CoverSelected{ float:right;}
.CoverSelected .Label { padding-left:10px; color:#ff6600; float:left; font-weight:bold;}
.CoverSelected .Detail { color:#132544; float:left; width:20px; text-align:right;}
.CoverSelected input { width:55px; font-size:11px; color:#132544}

/* Employee List*/
.TextEmployee{ background:#233371; color:#ffffff; font-weight:bold; font-size:14px; text-indent:10px; width:100%; line-height:30px; border: 1px solid #233371; border-bottom:none; font-family: Arial, tahoma;}
.Paging{ font-size:11px; float:right; margin-bottom:10px; color:#132544;}
.Paging a:link { color:#000000;}
.Paging a:visited { color:#000000;}
.Paging a:hover { color:#000000;}
.Paging a:active { color:#000000;}

.TBLPopupEmployee td div.CoverDetailPopup {width:100%;}
.TBLPopupEmployee td.PagingBlack { font-size:11px; margin:5px 5px 10px 0px; color:#000000; text-align:right;}
.TBLPopupEmployee td.PagingBlack a:link { color:#000000;}
.TBLPopupEmployee td.PagingBlack a:visited { color:#000000;}
.TBLPopupEmployee td.PagingBlack a:hover { color:#000000;}
.TBLPopupEmployee td.PagingBlack a:active { color:#000000;}

.TBLPopupEmployee td.paging { font-size:11px; float:right; margin-bottom:10px; color:#000000; text-align:right;}
.TBLPopupEmployee td.paging a:link { font-size:11px; margin-bottom:10px; color:#000000; text-align:right;}
.TBLPopupEmployee td.paging a:visited { font-size:11px; margin-bottom:10px; color:#000000; text-align:right;}
.TBLPopupEmployee td.paging a:hover { font-size:11px; margin-bottom:10px; color:#000000; text-align:right;}
.TBLPopupEmployee td.paging a:active { font-size:11px; margin-bottom:10px; color:#000000; text-align:right;}

.TBLPopupEmployee { width:902px; border-collapse: collapse; font-family: Arial, tahoma; }
.TBLPopupEmployee td {height:30px; padding:1px 2px; line-height:14px;}
.TBLPopupEmployee td div.auto {}
.TBLPopupEmployee td.a { padding:0px; margin:0px; color:#FF0000;}
.TBLPopupEmployee td.HeadCOL0 { width:0px; background: #33499f; padding:0px; border-left:1px solid #233371; }
.TBLPopupEmployee td.HeadCOL1 { width:5%; background: #33499f;}
.TBLPopupEmployee td.HeadCOL2 { width:25%; background: #33499f; color:#fff; font-weight:bold; text-decoration:underline;}
.TBLPopupEmployee td.HeadCOL2 a {color:#fff;}

.TBLPopupEmployee td.HeadCOL3 { width:20%; background: #33499f; color:#fff; font-weight:bold; text-decoration:underline;}
.TBLPopupEmployee td.HeadCOL3 a {color:#fff;}

.TBLPopupEmployee td.HeadCOL4 { width:20%; background: #33499f; color:#fff; font-weight:bold; text-decoration:underline;}
.TBLPopupEmployee td.HeadCOL4 a {color:#fff;}

.TBLPopupEmployee td.HeadCOL5 { width:5%; background: #33499f; color:#fff; font-weight:bold;text-align:center;}
.TBLPopupEmployee td.HeadCOL6 { width:5%; background: #33499f; color:#fff; font-weight:bold;text-align:center;}
.TBLPopupEmployee td.HeadCOL7 { width:5%; background: #33499f; color:#fff; font-weight:bold;text-align:center;}
.TBLPopupEmployee td.HeadCOL8 { width:5%; background: #33499f; color:#fff; font-weight:bold;text-align:center;}
.TBLPopupEmployee td.HeadCOL9 { width:5%; background: #33499f; color:#fff; font-weight:bold;text-align:center;}
.TBLPopupEmployee td.HeadCOL10 {width:5%; background: #33499f; color:#fff; font-weight:bold; padding-right:3px; border-right:1px solid #056738;}

.TBLPopupEmployee td.BodyCOL0 {background:#ffffff; border-bottom:1px solid #233371; border-left:1px solid #233371; }
.TBLPopupEmployee td.BodyCOL1 {background:#ffffff; padding-left:5px; border-bottom:1px solid #233371;}
.TBLPopupEmployee td.BodyCOL2 {background:#ffffff; border-bottom:1px solid #233371;}
.TBLPopupEmployee td.BodyCOL3 {background:#ffffff; border-bottom:1px solid #233371;}
.TBLPopupEmployee td.BodyCOL4 {background:#ffffff; border-bottom:1px solid #233371;}
.TBLPopupEmployee td.BodyCOL5 {background:#ffffff; text-align:center; border-bottom:1px solid #233371;}
.TBLPopupEmployee td.BodyCOL6 {background:#ffffff; text-align:center; border-bottom:1px solid #233371;}
.TBLPopupEmployee td.BodyCOL7 {background:#ffffff; text-align:center; border-bottom:1px solid #233371;}
.TBLPopupEmployee td.BodyCOL8 {background:#ffffff; text-align:center; border-bottom:1px solid #233371;}
.TBLPopupEmployee td.BodyCOL9 {background:#ffffff; text-align:center; border-bottom:1px solid #233371;}
.TBLPopupEmployee td.BodyCOL10{background:#ffffff; padding-right:5px; border-bottom:1px solid #233371; border-right:1px solid #233371;}

/* Employee Information*/
.WrapperEmpLeftPanel{ width:69% /*490px*/; float:left;}
.WrapperEmpRightPanel{ width:29% /*490px*/; float:right; padding: 10px 0px 0px 0px;}
.EmpLeftPanel{ width:100% /*490px*/; float: left; border:1px solid #233371; padding:0px 0px 10px 0px; margin:10px auto;}
.EmpLeftPanel div.header{ color:#fff; font-weight:bold; font-family: Arial, tahoma; background:#233371; text-indent:10px; line-height:40px;border-bottom:none; float:left; width:100%;}

.EmpLeftPanel ul {padding:4px 0px 8px 0px; margin:0px; background:#ffffff; list-style:none; border:1px solid #132544; border-top:none; float:left; width:100%;}
.EmpLeftPanel ul li{ color:#003869; line-height:24px;}
.EmpLeftPanel li {list-style:none;}
.EmpLeftPanel li.title{ text-indent:10px; width:35%; float:left; line-height: 30px;}
.EmpLeftPanel li.left { text-indent:10px; width:35%; float:left;}
.EmpLeftPanel li.right { text-indent:5px; width:65%; float:left;}
.EmpLeftPanel li.detail{ width:65%; float:right;}
.EmpLeftPanel li.textnormal{ width:65%; float:right;}
.EmpLeftPanel li.textred{ width:65%; float:right; padding: 0px; margin: 0px;}

.EmpLeftPanel input.errorbox{ width:275px; background:#ffff00; border:1px solid #999999;}
.EmpLeftPanel input{ width:275px; border-color: #233371; float:left; margin:4px 0px; padding: 5px; font-family: Arial, tahoma; font-size: 10pt;  }
.EmpLeftPanel input.checkboxtext { width:18px; margin-right:8px; border: none; padding: 0px;}
.EmpLeftPanel input.Error{ width:275px; background:#ffff00; border:1px solid #999999;}
.EmpLeftPanel select { width:148px; font-size:11px; float:left;}
.EmpLeftPanel select.Error { width:148px; font-size:11px; float:left;background:#ffff00;}
.EmpLeftPanel .calendar{cursor:pointer; padding-left:3px;}
.EmpLeftPanel .DisableField { width:150px; margin:4px 0px 5px 0px;}

.EmpLeftPanelNone {display:none;}
.Warning{ color:#ff0000; font-weight:normal; background:#ffffff; line-height:29px; clear:both; text-indent:10px;}

.WrapperEmpRightPanel div.top{ float: left; width: 253px; height: 42px; line-height: 40px; background: url(../Images/flightselectiontop.jpg) no-repeat; color:#fff; font-weight:bold; font-family: Arial, tahoma; text-indent: 10px;}
.WrapperEmpRightPanel div.middle{ float: left; width: 231px; padding: 0px 10px; border-left: 1px solid #233371; border-right: 1px solid #233371;}
.WrapperEmpRightPanel div.bottom{ float: left; width: 253px; height: 10px; background: url(../Images/flightselectionbot.jpg) no-repeat;}

#btnReset { margin-top:5px;}
.ButtonEmpInfo{ width:360px; padding-top:10px; padding-left:130px;}
.ButtonEmpInfoUser{ width:130px; padding-top:10px; padding-left:160px;}
.ButtonEmpInfoUserBack {width:auto; padding-top:10px; padding-left:0; float:left; margin-right:5px;}
.ButtonEmpInfoUserSave {width:auto; padding-top:10px; float:right;}

/*Account Info*/
.GrayBG {background:#dde1e7; border:#cccccc 1px solid; padding:20px; margin-top:25px;}
.CoverDetailAccountInfo{ }
.CoverDetailAccountInfo .Label { background:#233371; color:#ffffff; font-weight:bold; font-size:14px; text-indent:10px; width:100%; line-height:30px; border: 1px solid #233371; border-bottom:none; font-family: Arial, tahoma;}

.WrapperPanelLeftAccountInfo{ height:auto; width:630px; float:right; padding: 0px;}
.GrayBG span {margin:0px; padding:0px;}
.WrapperAccountInfo { background:#ffffff; float:left; border:1px solid #233371; border-top:none; width:100%; margin-bottom: 10px; font-family: Arial, tahoma;}
.AccountInfo { width:100%; float:left; text-indent:10px; }
.AccountInfo ul.left { width:50%;list-style:none; float:left; margin:0px; padding:7px 0px;}
.AccountInfo ul.right { width:50%;list-style:none; float:left; margin:0px; padding:7px 0px;}
.AccountInfo li.title { float:left; margin:0px; padding:0px; font-weight:bold; width:50%;}
.AccountInfo li.detail { float:left; margin:0px; padding:0px; width:50%; text-indent: 0px;}

/******************* index B2C *********************/
.Banner { width:780px; float:right; margin-right:2px;}
.Fleft { float:left;}
.Fleft img { margin:0px 2px;}
.Fright { float:right; width:195px;}
.Fright a img { margin-bottom:3px; border:none;}
.f_left { FLOAT: left }
.f_right { FLOAT: right }

.TopTab { width:207px; height:27px; /*clear:both;*/ float:left;}
.BTN-cyanL, .BTN-blueL
{
	width:13px;
	height:25px;
	float:left;}
.BTN-cyanM, .BTN-blueM
{	
	font-size:12px;
	color:#FFFFFF;
	width:/*43px*/;
	height:21px;
	padding: 4px 0px 0px 0px;
	display:block;
	background-repeat:repeat-x;
	font-weight:bold;
	text-align:center;
	float:left;}
.BTN-cyanM a, .BTN-blueM a { color:#FFFFFF; text-decoration:none;}
.BTN-cyanM a:hover, .BTN-blueM a:hover { color:#FFFFFF; text-decoration:underline; cursor:pointer;}
.BTN-cyanR, .BTN-blueR 
{
	width:13px;
	height:25px;
	background-position:right;
	float:left;}
.BTN-cyanL {background-image:url(../Images/tab0.png);}
.BTN-cyanM {background-image:url(../Images/tab1.png);}
.BTN-cyanR {background-image:url(../Images/tab2.png);}
.BTN-blueL {background-image:url(../Images/tab0a.png);}
.BTN-blueM {background-image:url(../Images/tab1a.png);}
.BTN-blueR {background-image:url(../Images/tab2a.png);}

.BTN-cyanL,
.BTN-cyanR,
.BTN-blueL,
.BTN-blueR
{ background-repeat:no-repeat;}

/* www.intersky.biz */
.logo { width:215px; height:74px;}
.div_nav1 { margin-top:40px; margin-left:-6px;}
.div_footer { background:url(../Images/footerLine.gif) top left repeat-x; margin-top:4px; padding-top:12px; width:983px;}
.right_side { width:192px; overflow:hidden;} 
.left_side { width:207px; overflow:hidden;}
.centercontent { float:left; margin-left:2px; margin-right:2px;}

/***************************FlightSelectionBox**************************************/
.FlightSelectionBox{ float:left; width:253px; color:#000; font-size:14px; font-family: Arial, tahoma;}
.SelectionWrapper { float: left; width: 251px; line-height:19px; border-left: 1px solid #233371; border-right: 1px solid #233371; padding:10px 0px 0px 0px; }
.FlightSelectionBox ul.Fly { width:100%; margin:0px; padding:0px;}
.FlightSelectionBox ul.Fly li.Trip2 { width:63%; float:left; list-style: none; padding-bottom:10px;}
.FlightSelectionBox ul.Fly li.Trip1 { width:36%; float:left; list-style: none; padding-bottom:10px;}
.FlightSelectionBox input { width:13px; height:13px; margin:0px 5px 0px 0px; padding:1px; vertical-align:middle; display:inline; border: none;}
.FlightSelectionBox select{ width:100%; padding:2px; font-size:14px; border:none; border-radius: 5px; border: 1px solid #233371; padding: 3px; color: #000000; }
.FlightSelectionBox span.w60{ width:70px; list-style:none; float:left;}
.FlightSelectionBox span.w50{ width:50px; float:left; margin-left:5px; font-size:11px; line-height:20px;}

.FlightSelectionBox ul{ margin:0px; padding:0px 10px; list-style: none;}
.FlightSelectionBox li.type{ width:100px; list-style:none; float:left; padding-top: 0px; padding-bottom: 5px;}
.FlightSelectionBox li.FromTo{ width:100%; list-style: none; clear:both;}
.FlightSelectionBox li.FromTo img { cursor: pointer; padding-top: 5px;}
.FlightSelectionBox li.FromTo select{ width:123px; list-style:none; margin-bottom:8px; }
.FlightSelectionBox li.FromTo select.InputAirport { width: 200px; font-size: 14px;  line-height: 23px;}
.FlightSelectionBox li.FromTo select.Day { width: 50px; font-size: 14px; margin-right: 5px; font-weight: normal; line-height: 23px;}
.FlightSelectionBox li.FromTo select.MonthYear { width: 110px; font-size: 14px; margin-right: 5px;  line-height: 23px;}

.FlightSelectionBox li.w60{ width:70px; list-style:none; float:left; height:29px;}
.FlightSelectionBox li.CalenderTab{ width:123px; list-style:none; float:right; height:29px; line-height:normal; font-family:Arial,Helvetica, Verdana,sans-serif;}
.FlightSelectionBox li.CalenderTab input {width:56px; padding:2px; margin:0px; font-size:11px; border:none;}
.FlightSelectionBox li.CalenderTab select.Day{ width:40px; margin:0px; padding:2px 0px; font-weight:normal; color:#000000;}
.FlightSelectionBox li.CalenderTab select.MonthYear{ width:55px; margin:0px; padding:2px 0px;}
.FlightSelectionBox li.CalenderTab img{ margin:0px; padding:0px; vertical-align:top; cursor:pointer;}
.FlightSelectionBox li.FareType {list-style:none; height:29px; margin:0px; padding:0px;}
.FlightSelectionBox li.FareType select.Fare{ width:123px; float:right; margin-bottom:8px;}

.FlightSelectionBox li.passenger{ width:100%; list-style:none; clear:both; float:left; line-height: 35px;}
.FlightSelectionBox li.passenger span { float: left; width: 60px;}
.FlightSelectionBox li.passenger span.w60 {width: 100px; padding-left: 5px;}
.FlightSelectionBox li.passenger select.pax{ width:60px; list-style:none; float:left; line-height: 23px;}

.FlightSelectionBox input.group{ margin:0px 5px 0px 10px; padding:1px; vertical-align:middle; display:inline; border: none;}

.FlightSelectionBox li.Code { width:100%; list-style: none; clear:both; height:29px;}
.FlightSelectionBox li.Code input.w120 { width:115px; float:left; padding:2px; margin:0px; font-size:11px; border:none;}

.LowFare { float:left;}
.LowFare input { float:left; width:13px; height:13px; margin:1px; padding:0px; vertical-align:middle;}
.LowFare span { float:left; padding-left:7px;}

.FlightSelectionBox li.howmanypax{ list-style:none; color:#174a7c;}
.FlightSelectionBox li.howmanypax a:link{ list-style:none;color:#174a7c;}
.FlightSelectionBox li.howmanypax a:hover{ list-style:none;color:#174a7c;}
.FlightSelectionBox li.howmanypax a:visited{ list-style:none;color:#174a7c;}
.FlightSelectionBox li.howmanypax a:active{ list-style:none;color:#174a7c;}
.FlightSelectionBox div.bottom { float: left; background: url(../Images/flightselectionbot.jpg) no-repeat; height:10px; width: 253px;}

.TicketText { font-size:16px; font-weight: bold; width:233px; padding: 0px 0px 0px 20px;color:#fff; line-height: 40px; background: url(../Images/flightselectiontop.jpg) no-repeat;}

.TBLInformation{width:610px; border-collapse: collapse; margin-top:0px; float:left;}
.TBLInformation td{ border-bottom:1px solid #FFFFFF; height:22px; padding:1px 2px;}
.TBLInformation td.HeadCOL1 { line-height:14px; width:225px; background: #056738; color:#ffffff; font-weight:bold; padding-left:10px;}
.TBLInformation td.HeadCOL2 { line-height:14px; width:300px; background: #056738; color:#ffffff; font-weight:bold;}
.TBLInformation td.BodyCOL1 { line-height:14px;background:#ffffff; padding-left:10px;}
.TBLInformation td.BodyCOL2 { line-height:14px;background:#ffffff; }

.TBLEmployeeSearch{ width:100%; border-collapse: collapse;}
.TBLEmployeeSearch a {color:#FFFFFF;}
.TBLEmployeeSearch a.paging {color:#0000FF;}
.paging {color:#0000FF;}
.paging a:link { color:#000000;}
.paging a:visited { color:#000000;}
.paging a:hover { color:#000000;}
.paging a:active { color:#000000;}

.TBLEmployeeSearch td{ border-bottom:1px solid #FFFFFF; height:22px; padding:2px; line-height:14px;}
.TBLEmployeeSearch td.HeadCOL { width:auto; background: #056738;}
.TBLEmployeeSearch td.HeadCOL0 { width:auto; background: #056738;}
.TBLEmployeeSearch td.HeadCOL1 { width:15%; background: #056738; color:#ffffff; font-weight:bold; text-decoration:underline;}
.TBLEmployeeSearch td.HeadCOL2 { width:15%; background: #056738; color:#ffffff; font-weight:bold; text-decoration:underline;}
.TBLEmployeeSearch td.HeadCOL3 { width:15%; background: #056738; color:#ffffff; font-weight:bold; text-decoration:underline;}
.TBLEmployeeSearch td.HeadCOL4 { width:15%; background: #056738; color:#ffffff; font-weight:bold; text-decoration:underline;}
.TBLEmployeeSearch td.HeadCOL5 { width:8%; background: #056738; color:#ffffff; font-weight:bold;text-align:center;}
.TBLEmployeeSearch td.HeadCOL6 { width:8%; background: #056738; color:#ffffff; font-weight:bold;text-align:center;}
.TBLEmployeeSearch td.HeadCOL7 { width:8%; background: #056738; color:#ffffff; font-weight:bold;text-align:center;}
.TBLEmployeeSearch td.HeadCOL8 { width:8%; background: #056738; color:#ffffff; font-weight:bold;text-align:center;}

.TBLEmployeeSearch td.BodyCOL0 { background:#ffffff;}
.TBLEmployeeSearch td.BodyCOL1 { background:#ffffff; padding-left:5px;}
.TBLEmployeeSearch td.BodyCOL2 { background:#ffffff;}
.TBLEmployeeSearch td.BodyCOL3 { background:#ffffff;}
.TBLEmployeeSearch td.BodyCOL4 { background:#ffffff;}
.TBLEmployeeSearch td.BodyCOL5 { background:#ffffff; text-align:center;}
.TBLEmployeeSearch td.BodyCOL6 { background:#ffffff; text-align:center;}
.TBLEmployeeSearch td.BodyCOL7 { background:#ffffff; text-align:center;}
.TBLEmployeeSearch td.BodyCOL8 { background:#ffffff; text-align:center;}

/*Popup Employee Search*/

.TBLPopupEmployee2 { width:740px; border-collapse: collapse;}
.TBLPopupEmployee2 a:link {;}
.TBLPopupEmployee2 a:visited {;}
.TBLPopupEmployee2 a:hover {;}
.TBLPopupEmployee2 a:active {;}

.TBLPopupEmployee2 td{ border-bottom:1px solid #FFFFFF; height:22px; padding:1px 2px;}
.TBLPopupEmployee2 td.HeadCOL1 { line-height:14px; width:20px; background: #056738; color:#ffffff; font-weight:bold; padding-left:5px;}
.TBLPopupEmployee2 td.HeadCOL2 { line-height:14px; width:50px; background: #056738; color:#ffffff; font-weight:bold; padding-left:5px;}
.TBLPopupEmployee2 td.HeadCOL3 { line-height:14px; width:110px; background: #056738; color:#ffffff; font-weight:bold; text-decoration:underline;}
.TBLPopupEmployee2 td.HeadCOL4 { line-height:14px; width:130px; background: #056738; color:#ffffff; font-weight:bold; text-decoration:underline;}
.TBLPopupEmployee2 td.HeadCOL5 { line-height:14px; width:150px; background: #056738; color:#ffffff; font-weight:bold; text-decoration:underline;}
.TBLPopupEmployee2 td.HeadCOL6 { line-height:14px; width:150px; background: #056738; color:#ffffff; font-weight:bold; text-decoration:underline;}

.TBLPopupEmployee2 td.BodyCOL1 { line-height:14px; width:20px; background:#FFFFFF; padding-left:5px;}
.TBLPopupEmployee2 td.BodyCOL2 { line-height:14px; width:50px; background:#FFFFFF; padding-left:5px;}
.TBLPopupEmployee2 td.BodyCOL3 { line-height:14px; width:110px; background:#FFFFFF;}
.TBLPopupEmployee2 td.BodyCOL4 { line-height:14px; width:130px; background:#FFFFFF;}
.TBLPopupEmployee2 td.BodyCOL5 { line-height:14px; width:150px; background:#FFFFFF;}
.TBLPopupEmployee2 td.BodyCOL6 { line-height:14px; width:150px; background:#FFFFFF;}

/* Seat Assigment*/
.SeatAssignment { width:300px; float:left; /*overflow-y:scroll;*/ margin:10px 0px 0px 0px;}
.SeatAssignment div.header { float: left; width:100%; line-height:41px; text-align:center; background: url(../Images/SeatAssignmentHeader.jpg) no-repeat; background-position: center; color:#132544;}
.SelectSeat { float: left; padding: 0px; margin: 0px; width: 300px;}
.SeatAssignment div.header span.TextSeat { font-size:16px; font-weight:bold; color: #ffffff; float: right; width: 275px;}
.WrapperTBLSeat { width:597px; float:right; margin-top:10px;}
.WrapperTBLSeatGray { padding:0px 0px 0px 15px;}
/*.WrapperTBLSeatGray img { margin:0px auto;} */

.TBLSeat { width:100%; border-collapse:collapse; border:#233371 1px solid; background:#ffffff;}
.TBLSeat tr.Selected { background:#7f96f3;}
.TBLSeat tr.NotSelected { background:#ffffff;}

.TBLSeat td { height:24px; padding:2px; color:#132544; text-align:left; line-height:12px;}
.TBLSeat td.HeadCOL1 { width:10%; background:#233371; color: #fff; font-weight:bold; padding-left:5px;}
.TBLSeat td.HeadCOL2 { width:15%; background:#233371; color: #fff; font-weight:bold;}
.TBLSeat td.HeadCOL3 { width:15%; background:#233371; color: #fff; font-weight:bold;}
.TBLSeat td.HeadCOL4 { width:8%; background:#233371; color: #fff; font-weight:bold; }
.TBLSeat td.HeadCOL5 { width:8%; background:#233371; color: #fff; font-weight:bold; }
.TBLSeat td.HeadCOL6 { width:8%; background:#233371; color: #fff; font-weight:bold; }
.TBLSeat td.HeadCOL7 { width:8%; background:#233371; color: #fff; font-weight:bold; padding: 5px 3px 5px 0px;}
.TBLSeat td.HeadCOL8 { width:23%; background:#233371; color: #fff; font-weight:bold; }

.TBLSeat td.BodyCOL1 { border-top:#233371 1px solid; padding-left:5px;}
.TBLSeat td.BodyCOL2 { border-top:#233371 1px solid;}
.TBLSeat td.BodyCOL3 { border-top:#233371 1px solid;}
.TBLSeat td.BodyCOL4 { border-top:#233371 1px solid;}
.TBLSeat td.BodyCOL5 { border-top:#233371 1px solid;}
.TBLSeat td.BodyCOL6 { border-top:#233371 1px solid;}
.TBLSeat td.BodyCOL7 { border-top:#233371 1px solid; padding: 5px 3px 5px 0px;}
.TBLSeat td.BodyCOL8 { border-top:#233371 1px solid; }

.TBLSeat td.BodyCOLYellow1 { background:#fadd85; padding-left:5px;}
.TBLSeat td.BodyCOLYellow2 { background:#fadd85;}
.TBLSeat td.BodyCOLYellow3 { background:#fadd85;}
.TBLSeat td.BodyCOLYellow4 { background:#fadd85;}
.TBLSeat td.BodyCOLYellow5 { background:#fadd85; text-align:center;}
.TBLSeat td.BodyCOLYellow6 { background:#fadd85; text-align:center;}
.TBLSeat td.BodyCOLYellow7 { background:#fadd85; text-align:right;}

.TBLSeatPerson { width:100%; border-collapse: collapse; border:#233371 1px solid; margin:20px 0px 10px 0px;}
.TBLSeatPerson tr.Selected { background:#7F96F3;}
.TBLSeatPerson tr.NotSelected { background:#ffffff;}
.TBLSeatPerson tr.undefined { background:#ffffff;}

.TBLSeatPerson td { height:24px; padding:2px; color:#132544; text-align:left; line-height:12px;}
.TBLSeatPerson td.HeadCOL1 { width:25%; background:#233371; color: #fff; font-weight:bold; padding-left:5px;}
.TBLSeatPerson td.HeadCOL2 { width:25%; background:#233371; color: #fff; font-weight:bold;}
.TBLSeatPerson td.HeadCOL3 { width:20%; background:#233371; color: #fff; font-weight:bold;}
.TBLSeatPerson td.HeadCOL4 { width:20%; background:#233371; color: #fff; font-weight:bold;}
.TBLSeatPerson td.HeadCOL5 { width:10%; background:#233371; color: #fff; font-weight:bold;}

.TBLSeatPerson td.BodyCOL1 { border-top:#233371 1px solid; padding-left:5px;}
.TBLSeatPerson td.BodyCOL2 { border-top:#233371 1px solid;}
.TBLSeatPerson td.BodyCOL3 { border-top:#233371 1px solid;}
.TBLSeatPerson td.BodyCOL4 { border-top:#233371 1px solid;}
.TBLSeatPerson td.BodyCOL5 { border-top:#233371 1px solid;}

.TBLSeatInfo { /*width:100%;*/ height:60px; background:#ffffff; border:#233371 1px solid; margin:20px 0px 0px 0px;}
.TBLSeatInfo div.header { width:100%; line-height:24px; background:#233371; color:#fff; font-weight:bold; text-indent:10px; font-size: 12px;}

.TBLSeatInfo .Icon { float:left; padding:10px 10px 0px 10px;}
.TBLSeatInfo .Icon IMG { vertical-align:middle;}
.TBLSeatInfo .IconDesc { float:left; padding:10px 30px 0px 0px; color:#132544; font-weight:bold;}

.BoxHowtoselectseat { padding:10px 0px 0px 0px;}
.WrapperBttonSeat{ padding:10px;}
/* Seat Map Old */
/*
.TBLSeatAssign 					{ width:100%; color:#132544;}
.TBLSeatAssign tr 				{ width:100%;}
.TBLSeatAssign td 				{ height:21px; text-align:center; background-repeat:no-repeat; background-position:center;}
.TBLSeatAssign td.header		{ color:#132544; font-weight:bold;}
.TBLSeatAssign td.exit			{ background:url(../Images/exit.gif) center no-repeat;}
.TBLSeatAssign td.booked		{ background:url(../Images/seat_b.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.available		{ background:url(../Images/seat_o.gif) center no-repeat; cursor:pointer; width: 20px;}
.TBLSeatAssign td.selectedseat	{ background:url(../Images/selected_seat.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.occupiedseat	{ background:url(../Images/occupied_seat.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.lava			{ background:url(../Images/lava.gif) center no-repeat;}
.TBLSeatAssign td.pantry		{ background:url(../Images/galley.gif) center no-repeat;}
.TBLSeatAssign td.BgColor		{ background:#056738;}
.TBLSeatAssign td.e 			{ height:18px; text-align:center; background-repeat:no-repeat; background-position:center;}
 
.TBLSeatAssign td.reversebooked		{ background:url(../Images/seat_br.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.reverseavailable	{ background:url(../Images/seat_or.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.S		{ background:url(../Images/seat_o.gif) center no-repeat; cursor:pointer; width: 20px;}



.TBLSeatAssign 					{ width:100%; color:#132544;}
.TBLSeatAssign tr 				{ width:100%;}
.TBLSeatAssign td 				{ height:21px; width: 20px; text-align:center; background-repeat:no-repeat; background-position:center;}
.TBLSeatAssign td.header		{ color:#132544; font-weight:bold;}
.TBLSeatAssign td.NSS      {background:url(../Images/nss.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.reverseNSS  {background:url(../Images/revnss.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.SS      {background:url(../Images/ss.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.reverseSS   {background:url(../Images/revss.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.LCS      {background:url(../Images/lcs.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.reverseLCS   {background:url(../Images/revlcs.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.FS      {background:url(../Images/fs.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.reverseFS   {background:url(../Images/revfs.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.BS      {background:url(../Images/bs.gif) center no-repeat; }
.TBLSeatAssign td.reverseBS   {background:url(../Images/revbs.gif) center no-repeat;}
.TBLSeatAssign td.OS      {background:url(../Images/os.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.reverseOS   {background:url(../Images/revos.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.NotSelected  {background:url(../Images/notselected.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.Selected   {background:url(../Images/selected.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.CSS      {background:url(../Images/selected.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.reverseCSS   {background:url(../Images/selected_seat.gif) center no-repeat; cursor:pointer;}

.TBLSeatAssign td.Lavatory   {background:url(../Images/lava.gif) center no-repeat;}
.TBLSeatAssign td.Galley    {background:url(../Images/galley.gif) center no-repeat;}
.TBLSeatAssign td.Wing     {width:20px; height:21px; background:#056738;}
.TBLSeatAssign td.Exit     {background:url(../Images/exit.gif) center no-repeat;}
.TBLSeatInfo .IconWing { float:left; margin:10px 10px 0px 10px; width:16px; height:16px; background:#056738;}
*/

.TBLSeatAssign 					        {width:100%; color:#132544;}
.TBLSeatAssign tr 				        {width:100%;}
.TBLSeatAssign td 				        {height:21px; width: 20px; text-align:center; background-repeat:no-repeat; background-position:center;}
.TBLSeatAssign td.header		        {color:#132544; font-weight:bold;}
.TBLSeatAssign td.available             {background:url(../Images/nss.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.availableR            {background:url(../Images/revnss.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.availableSmoking      {background:url(../Images/ss.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.availableSmokingR     {background:url(../Images/revss.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.availableComfort      {background:url(../Images/lcs.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.availableComfortR     {background:url(../Images/revlcs.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.availableFacility     {background:url(../Images/fs.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.availableFacilityR    {background:url(../Images/revfs.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.availableStretcher    {background:url(../Images/available_seat.png) center no-repeat; }
.TBLSeatAssign td.availableStretcherR   {background:url(../Images/available_seat_invert.png) center no-repeat;}
.TBLSeatAssign td.selectedseat          {background:url(../Images/selected.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.selectedseatR         {background:url(../Images/selectedR.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.occupiedseat	        {background:url(../Images/occupiedseat.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.occupiedseatR	        {background:url(../Images/occupiedseatR.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.NotSelected           {background:url(../Images/notselected.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.Selected              {background:url(../Images/selected.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.booked		        {background:url(../Images/seat_b.gif) center no-repeat; cursor:pointer;}
.TBLSeatAssign td.bookedR	            {background:url(../Images/seat_br.gif) center no-repeat; cursor:pointer;}

.TBLSeatAssign td.lava                  {background:url(../Images/lava.gif) center no-repeat;}
.TBLSeatAssign td.pantry                {background:url(../Images/galley.gif) center no-repeat;}
.TBLSeatAssign td.Wing                  {width:20px; height:21px; background:#bddd8a;}
.TBLSeatAssign td.BgColor		        {background:#056738;}
.TBLSeatAssign td.exit                  {background:url(../Images/exit.gif) center no-repeat;}
.TBLSeatInfo .IconWing                  {float:left; margin:10px 10px 0px 10px; width:16px; height:16px; background:#bddd8a;}





.BTNSeatMap { padding-left: 15px; margin-top:10px;}

/* Step5 */
.Step{ float:left; }
.StepPassengerItinerary{ padding:10px 0px 10px 10px;}
.StepIndex{ padding:10px 0px 10px 10px;}
.buttonStepContent{ float:left; font-size:16px; font-weight:bold; color:#000; height:20px; padding:3px 0px 0px 0px; font-family: Arial, tahoma;}
.TextTotalCost{width:210px; color:#132544; font-size:14px; font-weight:bold; padding-left:10px; float:left;}
.TextTotalCostAmount { height:20px;color:#FFFFFF; background: #056738; font-size:14px; font-weight:bold; padding:0px 10px 0px 10px; float:left;} 
.UserLogin{ float:right; font-weight:bold; color:#000; padding:5px 0px 0px 0px; }

/****************** Wrapper Payment *********************/
.WrapperTab { width:630px; float:left; border-left: 1px solid #233371; border-right: 1px solid #233371;}
.WrapperTab div.header {float: left; line-height: 30px; color: #fff; font-size: 14px; font-weight: bold; background: #233371; height: 30px; width: 100%; text-indent: 10px; margin-bottom: 5px;}
.WrapperTab div {border-bottom:none;}
.WrapperALLTab {float:left; background:#FFFFFF; border-left:1px solid #233371; border-right:1px solid #233371; border-bottom:1px solid #233371; width:630px; padding: 10px 0px;}
.Confirm {line-height:normal; text-indent:10px; padding-left:10px; margin:10px 0px; color:#132544;}
.Confirm a {color:#132544;}
.Confirm input {width:13px; height:13px; float:left; /*margin-top:10px;*/}
.PaymentTab { float: left; margin-right: 10px; color:#132544; font-weight: bold; font-size: 12px; cursor: pointer;}


.TabCreditCard{ float: left; width:100%; color: #2a6ebb;}
.TextCreditCard{ color:#2a6ebb; font-weight:bold; font-size:14px; line-height:26px; margin: 0px 10px 10px 10px; border-top: 1px solid #056738;}

.LeftDesc{ width:175px; float:left; line-height:20px; padding:2px 0px; text-indent:10px;}
.RightDesc{ width:390px; float:left; line-height:20px; padding:2px 0px;}
.RightDescCVV {width:390px; float:left; line-height:20px; padding:2px 0px; background: url(../Images/cvv-arrow.png) no-repeat; background-position: left center;}
.RightDescCVV input.InputboxCVV{width:50px; font-size: 10pt;}
.RightDescNone{ width:390px; float:left; font-size:11px; line-height:20px; padding:2px 0px; display:none;}

.RightDesc input{ width:200px; font-size: 10pt;}
.RightDesc input.check { border: none; margin: 0px; width:15px; height: 15px; font-size: 10pt;}
.RightDesc select{border:1px solid #2a6ebb; padding:5px; margin:0px; color:#132544; width: 210px; font-size: 10pt; line-height: 23px;}
.RightDesc select.SelectboxDate { width: 60px; margin-right: 5px;}
.RightDesc select.SelectboxYear { width: 100px;}
.RightDesc input.Inputbox{/**color:#132544;**/ width:200px}
.RightDesc input.errorbox{color:#cccccc}
.RightDesc input.InputboxCVV{width:50px}
.RightDesc input#chkMyname {width:13px; height:13px; margin-top:3px;}

.DisplayCVV { background: url(../images/cvv.png) no-repeat;	width: 114px; height: 72px;	position: absolute;	margin-top: -52px; margin-left: 180px;}

.TextCVV{color:#132544; padding-left:5px; float: left; padding-top: 20px;}
.Selectbox{ width:203px; padding:0px; margin:0px;}
.SelectboxDate{ width:50px;}
.SelectboxYear{ width:50px;}

.TabCostSummary			{float:right; width:252px; /*padding:10px;*/ color: #2a6ebb;}
.TabCostSummary div.top {float: right; width: 253px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; font-weight: bold; background: url(../Images/flightselectiontop.jpg) no-repeat; text-indent: 10px; }
.TabCostSummary div.middle {float:right; width:251px; background:#ffffff; border-left:#233371 1px solid; border-right:#233371 1px solid; text-align:right;}
.TabCostSummary div.bottom {float: right; width: 253px; height: 11px; background: url(../Images/flightselectionbot.jpg) no-repeat; margin-bottom: 15px;}
.TabCostSummaryLoading	{float:right; width:340px; text-align:right; -moz-opacity: 0.1; opacity:.10; filter: alpha(opacity=10); background:#ffffff;}
.TabCostSummary .header	{font-size:13px; font-weight:bold; line-height:20px; color:#132544; border-bottom:#132544 2px solid; padding:10px 0px; margin:0px 10px 15px 10px;}
.TabCostSummary .test	{font-size:11px; color:#132544;}
.CostLoadingIMG			{background:url(../Images/loading.gif) no-repeat center;}
.TabCostSummaryWhite	{-moz-opacity: 0.9;opacity:.90;filter: alpha(opacity=90); background:#ffffff;}

.TextCostSummary{ color:red; font-size:14px; font-weight:bold; padding:0px ;}
.AccualSummary{ background:#ffffff;}
.FfpRedeemSummary{ background:#ffffff;}

<!-- Tab Voucher -->
.TabVoucher { float: left; width:100%; margin:0px; padding:0px;}
.TextVoucher { color:#000; font-weight:bold; font-size:14px; line-height:26px; margin: 0px 10px 10px 10px; border-top: 1px solid #233371;}
.TabVoucher div.VoucherNumberDesc{ width:150px; float:left; line-height:25px; margin-bottom:0px; color:#000; text-indent:10px;}
.TabVoucher div.VoucherNumberInput{ width:150px; float:left;line-height:25px; padding: 0px;}
.TabVoucher div.VoucherNumberInput input.errorbox{width:130px; font-size:10pt;}
.TabVoucher div.PasswordLabel{ width:150px; float:left; line-height:25px; margin-top:7px; color:#000; text-indent:10px;}
.TabVoucher div.PasswordInput{ width:150px; float:left; line-height:25px; padding: 0px 0px; margin-top:7px;}
.TabVoucher div.PasswordInput input.errorbox{width:130px; font-size:10pt;}
.TabVoucher div.Button{ width:125px; float:left;font-size:11px;line-height:20px;}
.TabVoucher select.Selectbox{ width:107px; font-size:11px;}
.TabVoucher .Inputbox{ width:130px; font-size:10pt;}
.TabVoucher span.asterisk {float:left;}
.TabVoucher .textBox{ width:130px; font-size:10pt;}

.btnVoucher { float: left; margin: 11px 10px 0px 10px;}
.WrapperTabVoucher{ padding-bottom:10px;}
.Verify {float:left;}

.TBLVoucher { width:500px; border-collapse: collapse; border:#233371 1px solid; margin:10px;}
.TBLVoucher td { height:26px; padding:0px 3px; line-height:14px; text-align:center;}
.TBLVoucher td.HeadCOL1 { width:auto; background:#233371; vertical-align:middle; color:#ffffff; font-weight:bold;}
.TBLVoucher td.HeadCOL2 { width:30%; background:#233371; vertical-align:middle; color:#ffffff; font-weight:bold;}
.TBLVoucher td.HeadCOL3 { width:30%; background:#233371; vertical-align:middle; color:#ffffff; font-weight:bold; text-align:right;}
.TBLVoucher td.HeadCOL4 { width:30%; background:#233371; vertical-align:middle; color:#ffffff; font-weight:bold;}

.TBLVoucher td.BodyCOL1 { border-top:#233371 1px solid;}
.TBLVoucher td.BodyCOL1 input {width:13px; height:13px; margin:0px; border: none;}
.TBLVoucher td.BodyCOL2 { border-top:#233371 1px solid;}
.TBLVoucher td.BodyCOL3 { border-top:#233371 1px solid; text-align:right;}
.TBLVoucher td.BodyCOL4 { border-top:#233371 1px solid;}


.TabCrAccount { float: left; width:100%; background-position: center; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
.TabCrAccount div.Description{ width:160px; float:left; margin-bottom:0px; font-weight:bold; text-indent:10px; color: #000; line-height: 35px;}
.TabCrAccount div.Description2{ width:350px; float:left; margin-bottom:0px; color: #000; line-height: 35px;}
.TabCrAccount div.Description2 input {font-size: 10pt;}
.TabCrAccount div.errormsg { float: left; margin: 10px; color: Red; font-weight: bold;}
.TabCrAccount div.center { text-align:center;}
.TextCrAccount { color:#000; font-weight:bold; font-size:14px; line-height:26px; margin: 0px 10px 10px 10px; border-top: 1px solid #233371;}

.TextELV { color:#000; font-weight:bold; font-size:14px; line-height:26px; margin: 0px 10px 10px 10px; border-top: 1px solid #233371;}

.AgencyAccountLeft {
	width: 550px;
	float: left;	

}

.AgencyAccountRight {
	width: 314px;	
	float: left;
}


<!-- Tab Book now-->
.TabBookNowPayLater { float: left; width:100%;}
.TextBookNow { color:#000; font-weight:bold; font-size:14px; line-height:26px; margin: 0px 10px 10px 10px; border-top: 1px solid #233371;}

.TextBlueBold{ color:#000; font-size:11px; font-weight:bold;}
.TextBlue{ color:#000; font-size:11px; font-weight:normal;}

<!-- Tab ELV -->
.TabELV { float: left; width:100%;}
/*.TextELV { color:#132544; font-weight:bold; font-size:12px; line-height:26px; text-indent:10px; background:#F5BC0C; margin-bottom:10px;}*/
.ELVerror { color:#ff0000; font-weight:bold; text-indent:10px;}

.SummarySection1{ color:#000; font-size:12px; font-weight:bold; padding:0px; margin:5px 0px;}
.SummarySection1 div.left{ float:left; width:45%;}
.SummarySection1 div.right{ float:right; width:45%; text-align:left; }

.SummarySection2{ color:#000; font-size:11px;}
.SummarySection2 div.dept { float: left; width: 50%; text-align: right; font-weight: bold; padding: 7px 0px;}
.SummarySection2 div.arrow { float: left; width: 10%; text-align: center; font-weight: bold; padding: 7px 0px;}
.SummarySection2 div.arrive { float: left; width: 40%; text-align: left; font-weight: bold; padding: 7px 0px;}
.SummarySection2 div.left{ float:left; width:50%;}
.SummarySection2 div.right{ float:right; width:auto; text-align:right; padding-right:10px;}
.SummarySection2 div.lefttext { float: left; width: 25%;}
.SummarySection2 div.righttext { float: left; width: 25%;}

.SummarySection3{ color:#000; font-size:11px; font-weight:normal;padding:10px 0px 10px 0px;}
.SummarySection3 div.left{ float:left; width:65%; text-align: left; padding-left: 10px;}
.SummarySection3 div.right{ float:right; width:auto; text-align:right; padding-right:10px;}
.SummarySection3 div.wrappertotal { float: left; width: 100%; text-align: left; margin-top: 10px;}
.SummarySection3 div.lefttotal { float:left; width:60%; color:#000000; font-weight:bold; text-align:left; padding-left: 10px;}
.SummarySection3 div.righttotal { float:right; width:auto; text-align:right; padding-right:10px; color:#000000; font-weight:bold;}

.TabCreditAccount { float:left;}

/* Start Yai add Tab External */
.TabExternal { float: left; width:100%;}
.TextExternal { color:#2a6ebb; font-weight:bold; font-size:14px; line-height:30px; text-indent:10px; background:#056738; margin-bottom:10px;}

.TabExternal .LeftDesc{ width:120px; float:left;font-size:11px; line-height:20px; margin-bottom:5px; color:#132544; padding-left:5px;}
.TabExternal .rightDesc{ width:180px; float:left;font-size:11px;line-height:20px;}
.TabExternal .Inputbox{ width:100px; font-size:11px;}
.TabExternal .InputboxCode{ width:50px; font-size:11px;}

.TabPaymentSelection { float: left; width:630px;}
.TextPaymentSelection { color:#132544; font-weight:bold; font-size:12px; line-height:26px; text-indent:10px; background:#F5BC0C; margin-bottom:10px;}
/* End Yai add Tab External */

.TabblueConernerLeft { background: #056738; width:10px; height:26px; float:left;}
.TabblueConernerRight { background: #056738; width:10px; height:26px; float:left; margin-right:5px;}

.TabblueContent { float:left; color:#FFFFFF; font-size:12px; font-weight:bold; background: #056738; line-height:26px;}
.TabblueContent a:link { color:#FFFFFF; text-decoration:none;}
.TabblueContent a:visited { color:#FFFFFF; text-decoration:none;}
.TabblueContent a:hover { color:#FFFFFF; text-decoration:underline;}
.TabblueContent a:active { color:#FFFFFF; text-decoration:none;}

.TabYellowConernerLeft{ float:left;}
.TabYellowConernerRight{ float:left; }

.TabYellowContentActive { float:left; color:#132544; font-size:12px; font-weight:bold; height:90px; width: 150px; text-align: center; margin-bottom: 5px;}
.TabYellowContentActive a:link { color: #000000; text-decoration: none;}
.TabYellowContentInactive {float:left; color:#132544; font-size:12px; font-weight:bold; height:90px; width: 150px; text-align: center; margin-bottom: 15px;}
.TabYellowContentInactive a:link { color: #b0b0b0; text-decoration: none; height: 90px; width: 150px; float: left;}
.TabYellowContentInactive a:hover {float:left; color:#132544; font-size:12px; font-weight:bold; height:90px; width: 150px; text-align: center; }

.CreditCardActive { float:left; color:#132544; font-size:12px; font-weight:bold; height:90px; width: 150px; text-align: center; background: url(../Images/creditcardactive.jpg) no-repeat; background-position: bottom; margin-bottom: 15px;}
.CreditCardActive a:link { color: #000000; text-decoration: none;}
.CreditCardInactive {float:left; color:#132544; font-size:12px; font-weight:bold; height:90px; width: 150px; text-align: center; background: url(../Images/creditcardinactive.jpg) no-repeat; background-position: bottom; margin-bottom: 15px;}
.CreditCardInactive a:link { color: #b0b0b0; text-decoration: none; height: 90px; width: 150px; float: left;}
.CreditCardInactive a:hover {float:left; color:#132544; font-size:12px; font-weight:bold; height:90px; width: 150px; text-align: center; background: url(../Images/creditcardactive.jpg) no-repeat; background-position: bottom;}

.VoucherActive { float:left; color:#132544; font-size:12px; font-weight:bold; height:90px; width: 150px; text-align: center; background: url(../Images/voucheractive.jpg) no-repeat; background-position: bottom; margin-bottom: 15px;}
.VoucherActive a:link { color: #000000; text-decoration: none;}
.VoucherInactive {float:left; color:#132544; font-size:12px; font-weight:bold; height:90px; width: 150px; text-align: center; background: url(../Images/voucherinactive.jpg) no-repeat; background-position: bottom;  margin-bottom: 15px;}
.VoucherInactive a:link { color: #b0b0b0; text-decoration: none; height: 90px; width: 150px; float: left;}
.VoucherInactive a:hover {float:left; color:#132544; font-size:12px; font-weight:bold; height:90px; width: 150px; text-align: center; background: url(../Images/voucheractive.jpg) no-repeat; background-position: bottom;}

.BooknowActive { float:left; color:#132544; font-size:12px; font-weight:bold; height:90px; width: 150px; text-align: center; background: url(../Images/conveniencestore.jpg) no-repeat; background-position: bottom; margin-bottom: 15px;}
.BooknowActive a:link { color: #000000; text-decoration: none;}
.BooknowInactive {float:left; color:#132544; font-size:12px; font-weight:bold; height:90px; width: 150px; text-align: center; background: url(../Images/conveniencestoredisable.jpg) no-repeat; background-position: bottom; margin-bottom: 15px;}
.BooknowInactive a:link { color: #b0b0b0; text-decoration: none; height: 90px; width: 150px; float: left;}
.BooknowInactive a:hover {float:left; color:#132544; font-size:12px; font-weight:bold; height:90px; width: 150px; text-align: center; background: url(../Images/conveniencestore.jpg) no-repeat; background-position: bottom;}

.InvoiceActive { float:left; color:#132544; font-size:12px; font-weight:bold; height:90px; width: 150px; text-align: center; background: url(../Images/invoiceactive.jpg) no-repeat; background-position: bottom; margin-bottom: 15px;}
.InvoiceActive a:link { color: #000000; text-decoration: none; }
.InvoiceInactive {float:left; color:#132544; font-size:12px; font-weight:bold; height:90px; width: 150px; text-align: center; background: url(../Images/invoiceinactive.jpg) no-repeat; background-position: bottom; margin-bottom: 15px;}
.InvoiceInactive a:link { color: #b0b0b0; text-decoration: none; height: 90px; width: 150px; float: left;}
.InvoiceInactive a:hover {float:left; color:#132544; font-size:12px; font-weight:bold; height:90px; width: 150px; text-align: center; background: url(../Images/invoiceactive.jpg) no-repeat; background-position: bottom;}

/*ELV PAYMENT*/
.ELVActive { 
	float:left; 
	font-size:12px; 
	font-weight:bold; 
	height:90px; 
	width: 150px; 
	text-align: center; 
	background: url(../Images/elv.png) no-repeat; 
	background-position: bottom; 
	margin-bottom: 15px;
}

.ELVActive a { 
	color: #000000; 
	text-decoration: none; 
}

.ELVInactive {
	float:left; 
	font-size:12px; 
	font-weight:bold; 
	height:90px; 
	width: 150px; 
	text-align: center; 
	background: url(../Images/elv_disable.png) no-repeat; 
	background-position: bottom;
	margin-bottom: 15px;
}

.ELVInactive a { 
	color: #b0b0b0; 
	text-decoration: none; 
	height: 90px; 
	width: 150px; 
	float: left;
}

.ELVInactive a:hover {
	float:left; 
	color:#132544; 
	font-size:12px; 
	font-weight:bold; 
	height:90px; 
	width: 150px; 
	text-align: center; 
	background: url(../Images/elv.png) no-repeat; 
	background-position: bottom;
}

/*BSP PAYMENT*/
.BSPActive { 
	float:left; 
	font-size:12px; 
	font-weight:bold; 
	height:90px; 
	width: 150px; 
	text-align: center; 
	background: url(../Images/bsp.png) no-repeat; 
	background-position: bottom; 
	margin-bottom: 15px;
}

.BSPActive a { 
	color: #000000; 
	text-decoration: none; 
}

.BSPInactive {
	float:left; 
	font-size:12px; 
	font-weight:bold; 
	height:90px; 
	width: 150px; 
	text-align: center; 
	background: url(../Images/bsp_disable.png) no-repeat; 
	background-position: bottom;
	margin-bottom: 15px;
}

.BSPInactive a { 
	color: #b0b0b0; 
	text-decoration: none; 
	height: 90px; 
	width: 150px; 
	float: left;
}

.BSPInactive a:hover {
	float:left; 
	color:#132544; 
	font-size:12px; 
	font-weight:bold; 
	height:90px; 
	width: 150px; 
	text-align: center; 
	background: url(../Images/bsp.png) no-repeat; 
	background-position: bottom;
}

/*EXTERNAL PAYMENT*/
.externalActive { 
	float:left; 
	font-size:12px; 
	font-weight:bold; 
	height:90px; 
	width: 150px; 
	text-align: center; 
	background: url(../Images/external.png) no-repeat; 
	background-position: bottom; 
	margin-bottom: 15px;
}

.externalActive a { 
	color: #000000; 
	text-decoration: none; 
}

.externalInactive {
	float:left; 
	font-size:12px; 
	font-weight:bold; 
	height:90px; 
	width: 150px; 
	text-align: center; 
	background: url(../Images/external_disable.png) no-repeat; 
	background-position: bottom;
	margin-bottom: 15px;
}

.externalInactive a { 
	color: #b0b0b0; 
	text-decoration: none; 
	height: 90px; 
	width: 150px; 
	float: left;
}

.externalInactive a:hover {
	float:left; 
	color:#132544; 
	font-size:12px; 
	font-weight:bold; 
	height:90px; 
	width: 150px; 
	text-align: center; 
	background: url(../Images/external.png) no-repeat; 
	background-position: bottom;
}


.WrapperPayment { float: left; width: 100%;}
.WrapperPayment div.leftbox { float: left; width: 630px;}
.WrapperPayment div.rightbox { float: right; width: 255px;}

.WrapperChangeFlight{ display:none;} 
.Readterms{ width:500px; margin-top:20px;}
.ButtonBelowVoucher { margin:10px 0 10px 10px; width: 610px; float: left;}
.ButtonAlignMiddleVoucher { margin-left:240px;}
.BTNPayment { margin:10px 20px; width:590px; clear:both;}
.NB {color:#132544; font-weight:bold; float:left; padding:3px 3px 10px 0px;}

.AgreeTermsCheckbox input { float:left; height:15px; width:15px; margin-left:10px;}
.AgreeTerms { float:left; color:#132544; text-indent:5px; width:95%;}
.AgreeTerms a { margin:0px; padding:0px; line-height:20px;}
.AgreeTerms a:link { color:#132544; text-decoration:none;}
.AgreeTerms a:visited { color:#132544; text-decoration:none;}
.AgreeTerms a:hover { color:#132544; text-decoration:underline;}
.AgreeTerms a:active { color:#132544; text-decoration:none;}

/*Step2*/
.WrapperTBLYourFlight { width:100%; padding-top:10px; padding-bottom:5px; height:20px;}
.TBLYourFlight { width:100%; border-collapse: collapse; border:1px solid #233371;}
.TBLYourFlight td { border-bottom:1px solid #233371; height:22px; padding:2px; line-height:30px; font-family: Arial, tahoma;}
.TBLYourFlight td input { border: none;}
.TBLYourFlight td.HeadCOL1 { width:110px; background: #233371; font-weight:bold; color:#fff; text-align:left; padding-left:5px;}
.TBLYourFlight td.HeadCOL2 { width:110px; background: #233371; font-weight:bold; color:#fff; text-align:left;}
.TBLYourFlight td.HeadCOL3 { width:90px; background: #233371; font-weight:bold; color:#fff; text-align:left;}
.TBLYourFlight td.HeadCOL4 { width:90px; background: #233371; font-weight:bold; color:#fff;}
.TBLYourFlight td.HeadCOL5 { width:90px; background: #233371; font-weight:bold; color:#fff;}
.TBLYourFlight td.HeadCOL6 { width:70px; background: #233371; font-weight:bold; color:#fff; text-align: center;}
.TBLYourFlight td.HeadCOL7 { width:70px; background: #233371; font-weight:bold; color:#fff; text-align: center;}
.TBLYourFlight td.HeadCOL8 { width:70px; background: #233371; font-weight:bold; color:#fff; text-align: right; padding-right: 5px;}
.TBLYourFlight td.HeadCOL9 { width:70px; background: #233371; font-weight:bold; color:#fff;}
.TBLYourFlight td.HeadCOL10 { width:70px; background: #233371; font-weight:bold; color:#fff;}

.TBLYourFlight td.BodyCOL1 { background:#ffffff; font-weight:normal; text-align:left; padding-left:5px;}
.TBLYourFlight td.BodyCOL2 { background:#ffffff; font-weight:normal; text-align:left;}
.TBLYourFlight td.BodyCOL3 { background:#ffffff; font-weight:normal; text-align:left;}
.TBLYourFlight td.BodyCOL4 { background:#ffffff; font-weight:normal;}
.TBLYourFlight td.BodyCOL5 { background:#ffffff; font-weight:normal;}
.TBLYourFlight td.BodyCOL6 { font-weight:normal; text-align: center;}
.TBLYourFlight td.BodyCOL7 { background:#ffffff; font-weight:normal;}
.TBLYourFlight td.BodyCOL8 { background:#ffffff; font-weight:normal; text-transform: none; text-align: right; padding-right: 5px;}
.TBLYourFlight td.BodyCOL9 { background:#ffffff; font-weight:normal;}
.TBLYourFlight td.BodyCOL10 { background:#ffffff; font-weight:normal;}
.TBLYourFlight td.ErrorNoFlights { PADDING:5px; FONT-WEIGHT: bold; COLOR: red; border-bottom: none;}

/*Dynamic color with class*/
.economy{ background-color:#4fdd79;}
.premium{ background-color:#76cde2;}
.first { background-color:#FFFFFF;}

.TBLYourFlight a:link {color:#000000; text-decoration:none;}
.TBLYourFlight a:visited {color:#000000; text-decoration:none;}
.TBLYourFlight a:hover {color:#000000; text-decoration:underline;}
.TBLYourFlight a:active {color:#000000; text-decoration:none;}

.WrapperTBLSelectNewFlight { width:100%; padding-top:10px; margin-bottom:0px; float:left; height:31px;}
.WrapperTBLSelectNewFlight2 { width:740px; float:left;}
.WrapperTBLSelectNewFlightTabDesc { color:#be1323; float:left; font-weight:bold; padding-left:10px; padding-top:18px;}
.WarpperTimeIndication { width:124px; float:left;}
.IconAM { background-image:url(../Images/icon_am01.gif); width:31px; height:31px; float:left;}
.IconPM { background-image:url(../Images/icon_pm01.gif); width:31px; height:31px;float:left;}
.IconNN { background-image:url(../Images/icon_nn01.gif); width:31px; height:31px;float:left;}
.IconALL { background-image:url(../Images/icon_all01.gif); width:31px; height:31px;float:left;}
.ToolTips { width:150px;background:#be1323; color:#FFFFFF; padding:5px; font-weight:bold; text-align:left; z-index:5000; position:fixed; left:580px; z-index:1000; visibility:hidden;}

.WrapperFlightDate { float:right; padding-top:7px; border-bottom: solid 1px #FFFFFF}
.WrapperFlightDate div.flighttime { float:left; width:50px; height:20px; background:#888888; margin-right:1px; color:#FFFFFF; padding:3px 0px 0px 0px; text-align:center;}
.WrapperFlightDate div.flighttime a:link {color:#FFFFFF;}
.WrapperFlightDate div.flighttime a:visited {color:#FFFFFF;}

.WrapperFlightDate div.flighttimeSelect { float:left; width:50px; height:20px; background: #233371; margin-right:1px; color:#fff; padding:3px 0px 0px 0px; text-align:center;}
.WrapperFlightDate div.flighttimeSelect a:link {color:#132544;}
.WrapperFlightDate div.flighttimeSelect a:visited {color:#132544;}

.TextFlight { color:#000; font-weight:bold;}
.TextFlightName { color:#000; font-weight:bold; }

/*Step 3*/
.WrapperTBLStep3 { width:620px; padding-top:10px; padding-bottom:5px; float:left;}
.TabDesc { width: 100%; background: #233371; text-indent: 10px; float:left; color:#fff; font-weight:bold; font-size: 16px; line-height: 30px;}
.TabDesc span.Detail { color:#FF0000; font-weight:normal; font-size:11px; display:inline;}

.TBLYourItineraryStep3 { width:620px; border-collapse: collapse; border: 1px solid #233371;}
.TBLYourItineraryStep3 td { border-bottom:1px solid #233371;height:22px; padding:3px 2px; vertical-align: top;}
.TBLYourItineraryStep3 td.HeadCOL1 { line-height:14px; width:5px; background: #33499f; color:#fff; font-weight:bold;}
.TBLYourItineraryStep3 td.HeadCOL2 { line-height:14px; width:60px; background: #33499f; color:#fff; font-weight:bold;}
.TBLYourItineraryStep3 td.HeadCOL3 { line-height:14px; width:100px; background: #33499f; color:#fff; font-weight:bold;}
.TBLYourItineraryStep3 td.HeadCOL4 { line-height:14px; width:100px; background: #33499f; color:#fff; font-weight:bold;}
.TBLYourItineraryStep3 td.HeadCOL5 { line-height:14px; width:70px; background: #33499f; color:#fff; font-weight:bold;}
.TBLYourItineraryStep3 td.HeadCOL6 { line-height:14px; width:70px; background: #33499f; color:#fff; font-weight:bold;text-align:center;}
.TBLYourItineraryStep3 td.HeadCOL7 { line-height:14px; width:70px; background: #33499f; color:#fff; font-weight:bold;text-align:center;}
.TBLYourItineraryStep3 td.HeadCOL8 { line-height:14px; width:70px; background: #33499f; color:#fff; font-weight:bold;text-align:center;}
.TBLYourItineraryStep3 td.HeadCOL9 { line-height:14px; width:70px; background: #33499f; color:#fff; font-weight:bold;text-align:center;}

.TBLYourItineraryStep3 td.BodyCOL1 { line-height:14px;background:#ffffff;}
.TBLYourItineraryStep3 td.BodyCOL2 { line-height:14px;background:#ffffff;}
.TBLYourItineraryStep3 td.BodyCOL3 { line-height:14px;background:#ffffff;}
.TBLYourItineraryStep3 td.BodyCOL4 { line-height:14px;background:#ffffff;}
.TBLYourItineraryStep3 td.BodyCOL5 { line-height:14px;background:#ffffff; }
.TBLYourItineraryStep3 td.BodyCOL6 { line-height:14px;background:#ffffff; text-align:center;}
.TBLYourItineraryStep3 td.BodyCOL7 { line-height:14px;background:#ffffff; text-align:center;}
.TBLYourItineraryStep3 td.BodyCOL8 { line-height:14px;background:#ffffff; text-align:center;}
.TBLYourItineraryStep3 td.BodyCOL9 { line-height:14px;background:#ffffff; text-align:center;}

.RulesBox { height:auto; float:left; padding:0px; margin-top:10px; margin-left:20px; width: 252px;}
.RulesBoxTextHeader { color:#fff; font-size:14px; font-weight:bold; line-height:42px; background: url(../Images/flightselectiontop.jpg) no-repeat; text-indent: 10px; font-size: 16px; width: 253px; height: 42px;}
.RulesBoxFooter { background: url(../Images/flightselectionbot.jpg) no-repeat; height: 13px; width: 253px; height: 10px;}
.SummaryRulesBox { font-size:11px; padding-top:0px; padding-bottom:5px; width: 251px; border-left: 1px solid #233371; border-right: 1px solid #233371; }
.SummaryRulesBox ul { margin:0px; padding:0px;}
.SummaryRulesBox li.header { width:231px; font-weight:bold; list-style:none; background:#33499f; color: #fff; line-height:30px; padding-left:10px; padding-right: 10px;}
.SummaryRulesBox li { width:230px; list-style:none; padding: 5px 10px 0px 10px;}

/* Table Rule Wight */
.TBLRule { width:200px; padding-left:10px;}
.RuleType { width:100px; text-align:left;} 
.RuleKG { width:100px ;text-align: right;} 

.ButtonYourItinerary { width:588px; padding:10px 0px 3px 0px; clear:both;}
.ButtonAlignMiddleStep3 { padding-left: 43%;}
.ButtonSelectSeat { float: right; margin: 10px 10px 0px 0px;}

.TBLYourItinerary2 { width:620px; border-collapse: collapse; margin:5px 0px;}
.TBLYourItinerary2 td { border-bottom:1px solid #FFFFFF; height:22px; padding:1px 2px;}
.TBLYourItinerary2 td.HeadCOL1 { line-height:14px; width:120px; background: #056738; color:#ffffff; font-weight:bold;}
.TBLYourItinerary2 td.HeadCOL2 { line-height:14px; width:120px; background: #056738; color:#ffffff; font-weight:bold;text-align:right;}
.TBLYourItinerary2 td.HeadCOL3 { line-height:14px; width:140px; background: #056738; color:#ffffff; font-weight:bold;text-align:right;}
.TBLYourItinerary2 td.HeadCOL4 { line-height:14px; width:100px; background: #056738; color:#ffffff; font-weight:bold;text-align:right;}
.TBLYourItinerary2 td.HeadCOL5 { line-height:14px; width:120px; background: #056738; color:#ffffff; font-weight:bold;text-align:right;}

.TBLYourItinerary2 td.BodyCOL1 { line-height:14px;background:#ffffff;}
.TBLYourItinerary2 td.BodyCOL2 { line-height:14px;background:#ffffff; text-align:right;}
.TBLYourItinerary2 td.BodyCOL3 { line-height:14px;background:#ffffff; text-align:right;}
.TBLYourItinerary2 td.BodyCOL4 { line-height:14px;background:#ffffff; text-align:right;}
.TBLYourItinerary2 td.BodyCOL5 { line-height:14px;background:#ffffff; text-align:right;}
.TBLYourItinerary2 td.BodyCOL4Total { line-height:14px;width:115px;background:#ffffff; text-align:right;font-weight:bold;}

.TBLQuote { width:620px; border-collapse: collapse; margin:5px 0px; border: 1px solid #233371;}
.TBLQuote td { border-bottom:1px solid #233371; height:22px; padding:1px 2px; vertical-align: top; padding-top: 3px;}
.TBLQuote td.HeadCOL1 { line-height:14px; width:110px; background: #33499f; color:#fff; font-weight:bold; text-indent: 10px; vertical-align: top; padding-top: 3px;}
.TBLQuote td.HeadCOL2 { line-height:14px; width:115px; padding-right: 40px; background: #33499f; color:#fff; font-weight:bold;text-align:right; text-transform: none; vertical-align: top; padding-top: 3px;}
.TBLQuote td.HeadCOL3 { line-height:14px; width:115px; background: #33499f; color:#fff; font-weight:bold;text-align:right; text-transform: none; vertical-align: top; padding-top: 3px;}
.TBLQuote td.HeadCOL4 { line-height:14px; width:70px; background: #33499f; color:#fff; font-weight:bold;text-align:right; text-transform: none; vertical-align: top; padding-top: 3px;}
.TBLQuote td.HeadCOL5 { line-height:14px; width:70px; background: #33499f; color:#fff; font-weight:bold;text-align:right; text-transform: none; vertical-align: top; padding-top: 3px;}

.TBLQuote td.BodyCOL1 { line-height:14px;background:#ffffff; padding-left: 10px;}
.TBLQuote td.BodyCOL2 { line-height:14px;background:#ffffff; text-align:right; text-transform: none; padding-right: 40px;}
.TBLQuote td.BodyCOL3 { line-height:14px;background:#ffffff; text-align:right; text-transform: none;}
.TBLQuote td.BodyCOL4 { line-height:14px;background:#ffffff; text-align:right; text-transform: none;}
.TBLQuote td.BodyCOL5 { line-height:14px;background:#ffffff; text-align:right; text-transform: none;}
.TBLQuote td.BodyCOL4Total { line-height:14px;width:115px;background:#ffffff; text-align:right;font-weight:bold;}

/* Step4*/
.WrapperStep4PanelLeft{ width:630px; float:left;}
.WrapperStep4PanelRight{ width:340px; float:right;}

.Step4PanelLeft{ width:630px; background:#dde1e7; border:1px solid #233371; padding:0px; color:#000; float:left;}
.Step4PanelLeft .header {clear:both;}

.Step4PanelLeft li.titlename { float: left; width: 55px; list-style: none; text-indent: 10px; margin-top: 10px;}
.Step4PanelLeft li.titleright { float: left; width: 110px; list-style: none; margin-top: 10px;}
.Step4PanelLeft li.nameright { float: left; width: 140px; list-style: none; margin-top: 10px;}
.Step4PanelLeft li.firstname { float: left; width: 75px; list-style: none; text-indent: 5px; margin-top: 10px;}
.Step4PanelLeft li.lastname { float: left; width: 105px; list-style: none; text-indent: 5px; margin-top: 10px;}
.Step4PanelLeft li.titlefirst { float: left; width: 110px; list-style: none; margin-top: 10px;}
.Step4PanelLeft li.nameright { float: left; width: 140px; list-style: none; margin-top: 10px;}
.Step4PanelLeft li.titleright select.title { width: 100px;}
.Step4PanelLeft li.nameright input { width: 115px;}
.Step4PanelLeft li.title{ float:left; width:150px; list-style:none; font-weight: normal; clear:both;}
.Step4PanelLeft li{ float:left; width:250px; list-style:none; margin-top: 5px;}
.Step4PanelLeft li.textnormal{ float:left; width:220px; font-weight:normal;}
.Step4PanelLeft li.textred{ float:left; color:#ff0000; width:170px; font-weight:normal;}
.Step4PanelLeft li.Warning{ float:left; color:#ff0000; width:250px; font-weight:normal; margin-left:160px;}
.Step4PanelLeft li select{ float:left; width:205px; font-weight: normal; padding:0px; margin:0px;}
.Step4PanelLeft li select.Error{ width:202px; background:#ffff00; border:1px solid #999999;}
.Step4PanelLeft li select { line-height: 22px;}

.Step4PanelLeft input{ float:left; width:200px; padding:0px; margin:0px;}
.Step4PanelLeft input.checkboxtext{ width:20px;}
.Step4PanelLeft input.Error{ width:202px; background:#ffff00; border:1px solid #999999;}
.Step4PanelLeft a {margin-left: 5px;}

.Step4LeftDes { width:140px; float:left; line-height:22px; background:#ffffff; padding:2px 5px;}
.Step4RightDes{ width:430px; float:left; line-height:22px; background:#ffffff; padding:2px 5px;}
.Step4RightDes select { border:1px solid #7f9db9; padding:0px; margin:0px; color:#132544;}
.Step4RightDes input { padding:0px; margin-right:3px; color:#132544;}
.Step4RightDesc{ width:440px; float:left; line-height:22px;} input {margin-left:0;width:30px;} 

/******************* new payment *****************************/
.WrapperContact { float: left; width: 100%; background-position: center; margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px;}
.WrapperContact div.ContactLeft { float: left; width: 50%;}
.WrapperContact div.ContactRight { float: right; width: 50%;}
ul.Step4Top {background:#ffffff; width:100%; list-style:none; padding:0px; margin:0px; }
ul.Step4Top li input {margin:3px 0px; width:130px; float:left; padding: 5px; font-family: Arial, tahoma; font-size: 10pt;}
ul.Step4Top li select { margin:3px 0px; width:142px; float:left; padding: 5px; font-family: Arial, tahoma; font-size: 10pt;}
ul.Step4Top li div.left { width: 50%; float: left; text-indent: 10px; }
ul.Step4Top li div.right { width: 50%; float: left;}
ul.Step4Top li input.contactcheck { float: left; border: none; width: 15px; margin-left: 5px;}

ul.Step4Top li.RememberTop {line-height:30px;}
ul.Step4Top li.RememberTop input {width:13px; height:13px; margin:9px 10px 0px 10px; float:left;}
ul.Step4Top li.Remember {line-height:22px;}
ul.Step4Top li.Remember input {width:13px; height:13px; margin:5px 10px 0px 10px; float:left;}
ul.Step4Top li.PassengerType {width:100%; display:none;} 
ul.Step4Top li.PassengerType input {width:13px; height:13px; margin:5px 10px 0px 180px;}

ul.Step4Top li {padding:0px; margin:0px; line-height:30px; width:100%;}
ul.Step4Top li.header {background:#233371; color:#fff; font-weight:bold; font-size:14px; text-indent:10px; width:100%; line-height: 30px; clear:both;}
ul.Step4Top li.checktext { line-height: 20px; color: #000000;}
ul.Step4Top li span { float: left; width: 275px;}
ul.Step4Top li span.checkbox{ float: left; width: 30px; }
ul.Step4Top li.checktext input{ float: left; padding: 0px 0px 0px 0px; margin: 5px 5px 0px 10px;}
ul.Step4Top li.title {text-indent:10px; width:40%; float:left;}
ul.Step4Top span.title {float:left; width:180px; text-indent:10px;}
ul.Step4Top span.RequestStar {color:#ff0000; padding-left:5px; float:left; width: 5px;}

ul.StepPayment {border:1px solid #cccccc; background:#dde1e7; width:590px; list-style:none; padding:20px; margin:0px;}
ul.StepPayment li {padding:0px; margin:0px; clear:both; width:100%; line-height:24px;}
ul.StepPayment li input {padding:1px 0px; margin:3px 0px; width:200px; float:left; border:1px solid #7f9db9;}
ul.StepPayment li select {padding:0px; margin:3px 0px; width:202px; float:left; border:1px solid #7f9db9;}
ul.StepPayment li.Term {line-height:40px;}
ul.StepPayment li.Term input {width:13px; height:13px; margin:13px 13px 10px 0px; float:left; border:none;}

.TBLPaxDetail { width:100%; border-collapse: collapse;}
.TBLPaxDetail td { border-bottom:1px solid #FFFFFF; height:22px; padding:2px;}
.TBLPaxDetail td.HeadCOL1 { line-height:14px; width:40px; background: #056738; color:#ffffff; font-weight:bold;}
.TBLPaxDetail td.HeadCOL2 { line-height:14px; width:50px; background: #056738; color:#ffffff; font-weight:bold;}
.TBLPaxDetail td.HeadCOL3 { line-height:14px; width:140px; background: #056738; color:#ffffff; font-weight:bold;}
.TBLPaxDetail td.HeadCOL4 { line-height:14px; width:175px; background: #056738; color:#ffffff; font-weight:bold;}
.TBLPaxDetail td.HeadCOL5 { line-height:14px; width:175px; background: #056738; color:#ffffff; font-weight:bold;}
.TBLPaxDetail td.HeadCOL6 { line-height:14px; width:100px; background: #056738; color:#ffffff; font-weight:bold;}
.TBLPaxDetail td.HeadCOL7 { line-height:14px; width:100px; background: #056738; color:#ffffff; font-weight:bold;}

.TBLPaxDetail td.BodyCOL1 { line-height:14px;background:#ffffff; }
.TBLPaxDetail td.BodyCOL2 { line-height:14px;background:#ffffff; }
.TBLPaxDetail td.BodyCOL3 { line-height:14px;background:#ffffff; }
.TBLPaxDetail td.BodyCOL4 { line-height:14px;background:#ffffff; }
.TBLPaxDetail td.BodyCOL5 { line-height:14px;background:#ffffff; }
.TBLPaxDetail td.BodyCOL6 { line-height:14px;background:#ffffff; }
.TBLPaxDetail td.BodyCOL7 { line-height:14px;background:#ffffff; }

.TBLPaxDetail input.name { width:150px; font-size:11px; padding:0px; margin:0px;}
.TBLPaxDetail input.dateofbirth { width:70px; font-size:11px;}
.TBLPaxDetail select.title { width:70px; font-size:11px;}
.IconMail { margin:0px; padding:0px;}
.Step4GroupCheckbox { width:740px; margin:0px; height:25px; padding-left:10px;}
.Step4GroupCheckbox li{ list-style:none; float:left; color:#132544; padding-right:10px;}
.redress { float: left; padding-left: 5px; }

.TBLYourItineraryStep4 { width:100%; border-collapse: collapse;}
.TBLYourItineraryStep4 td { border-bottom:1px solid #FFFFFF;height:22px; padding:1px 2px;}
.TBLYourItineraryStep4 td.HeadCOL1 { line-height:14px;width:80px; background: #056738; color:#ffffff; font-weight:bold; padding-left:5px;}
.TBLYourItineraryStep4 td.HeadCOL2 { line-height:14px;width:100px; background: #056738; color:#ffffff; font-weight:bold;}
.TBLYourItineraryStep4 td.HeadCOL3 { line-height:14px;width:100px; background: #056738; color:#ffffff; font-weight:bold;}
.TBLYourItineraryStep4 td.HeadCOL4 { line-height:14px;width:80px; background: #056738; color:#ffffff; font-weight:bold;text-align:center;}
.TBLYourItineraryStep4 td.HeadCOL5 { line-height:14px;width:80px; background: #056738; color:#ffffff; font-weight:bold;text-align:center;}
.TBLYourItineraryStep4 td.HeadCOL6 { line-height:14px;width:80px; background: #056738; color:#ffffff; font-weight:bold;text-align:center;}
.TBLYourItineraryStep4 td.HeadCOL7 { line-height:14px;width:80px; background: #056738; color:#ffffff; font-weight:bold;text-align:center;}
.TBLYourItineraryStep4 td.HeadCOL8 { line-height:14px;width:120px; background: #056738; color:#ffffff; font-weight:bold;text-align:center;}

.TBLYourItineraryStep4 td.BodyCOL1 { line-height:14px;background:#ffffff; padding-left:5px;}
.TBLYourItineraryStep4 td.BodyCOL2 { line-height:14px;background:#ffffff;}
.TBLYourItineraryStep4 td.BodyCOL3 { line-height:14px;background:#ffffff;}
.TBLYourItineraryStep4 td.BodyCOL4 { line-height:14px;background:#ffffff; text-align:center;}
.TBLYourItineraryStep4 td.BodyCOL5 { line-height:14px;background:#ffffff; text-align:center;}
.TBLYourItineraryStep4 td.BodyCOL6 { line-height:14px;background:#ffffff; text-align:center;}
.TBLYourItineraryStep4 td.BodyCOL7 { line-height:14px;background:#ffffff; text-align:center;}
.TBLYourItineraryStep4 td.BodyCOL8 { line-height:14px;background:#ffffff; text-align:center;}

.NBStep4 {color:#ff6600; font-weight:bold; float:left; padding:3px 3px 10px 10px;}
.SummarySection5 { color:#132544; padding:0px 0px 10px 0px;}
.SummarySection5 div.lefttext { float: left; width: 25%;}
.SummarySection5 div.righttext { float: left; width: 25%;}

.SummarySection4 { color:#000; padding:0px 0px 0px 0px; font-size: 12px; margin-top: 5px;}
.SummarySection4 div.dept { float: left; width: 45%; text-align: right; font-weight: bold; padding: 0px 0px 5px;}
.SummarySection4 div.arrow { float: left; width: 10%; text-align: center; font-weight: bold; padding: 0px 0px 5px;}
.SummarySection4 div.arrive { float: left; width: 45%; text-align: left; font-weight: bold; padding: 0px 0px 5px;}
.SummarySection4 div.left { float:left; /*width:65%;*/ text-align: left; padding-left: 10px; font-size: 11px;}
.SummarySection4 div.right { float:right; width:auto; text-align:right; padding-right:10px; font-size: 11px;}
.SummarySection4 div.wrappertotal { float: left; width: 100%; text-align: left; margin-top: 10px;}
.SummarySection4 div.lefttotal { float:left; width:65%; color:#000000; font-weight:bold; text-align:left; padding-left: 10px; font-size: 11px;}
.SummarySection4 div.righttotal { float:right; width:auto; text-align:right; padding-right:10px; color:#000000; font-weight:bold; font-size: 11px;}

.PassengerSummary { float: left; width: 100%; font-size: 11px;}
.PassengerSummary div.amount { float: left; padding-left: 10px;}
.PassengerSummary div.yourselecttype { float: left; padding-left: 5px; }
.PassengerSummary div.person_price   { float: right; padding-right: 10px;}

.totalfare { float: left; width: 252px; height: 48px; background: url(../Images/total-fare.jpg) no-repeat; font-size: 14px; color: #fff; font-weight: bold;}
.totalfare div.left { width: 50%; float: left; padding: 0px 5px 0px 10px; line-height: 48px;}
.totalfare div.right { float: right; text-align: right; padding-right: 10px; line-height: 48px;}

.ButtonStep4{ width:740px; padding:10px 0px 3px 0px; clear:both;}
.Step4Remarks{ width:740px;}
.Step4RemarksTextarea{ width:735px;	height: 80px;}

.ClearPassenger{ float:none; margin-bottom:0px; padding:0px;}

/* Your Itenerary*/
.WrapperTBLYourItinerary { width:100%;padding:10px 0px 0px 0px; margin:0px;height:auto;}
.CancelFlight{ float:right; margin-left:5px; padding:0px;}
.ButtonYourItinerary{ width:740px; padding:3px 0px 3px 0px; clear:both;}
.ButtonBelow{ width:100%; padding-top:10px;}

.ChangeFlightButton{ float:left;}
.CancelFlightButton{ float:left;}
.SeatSelectionButton{ float:left;}
.NoSeatSelectionButton{float:left;}

.TBLYourItinerary { width:100%; border-collapse: collapse; border: 1px solid #233371;}
.TBLYourItinerary td { border-bottom:1px solid #233371; height:22px; padding:1px 2px; line-height:14px; vertical-align: top; padding: 3px 0;}
.TBLYourItinerary td.HeadCOL1 {  width:10%; background: #33499F; color:#fff; font-weight:bold; padding-left:10px;}
.TBLYourItinerary td.HeadCOL2 {  width:15%; background: #33499F; color:#fff; font-weight:bold;}
.TBLYourItinerary td.HeadCOL3 {  width:15%; background: #33499F; color:#fff; font-weight:bold;}
.TBLYourItinerary td.HeadCOL4 {  width:15%; background: #33499F; color:#fff; font-weight:bold;}
.TBLYourItinerary td.HeadCOL5 {  width:12%; background: #33499F; color:#fff; font-weight:bold; text-align:left;}
.TBLYourItinerary td.HeadCOL6 {  width:12%; background: #33499F; color:#fff; font-weight:bold; text-align:left;}
.TBLYourItinerary td.HeadCOL7 {  width:10%; background: #33499F; color:#fff; font-weight:bold; text-align:left;}

.TBLYourItinerary td.BodyCOL1 { background:#ffffff; padding-left:10px;}
.TBLYourItinerary td.BodyCOL2 { background:#ffffff; }
.TBLYourItinerary td.BodyCOL3 { background:#ffffff; }
.TBLYourItinerary td.BodyCOL4 { background:#ffffff; }
.TBLYourItinerary td.BodyCOL5 { background:#ffffff; }
.TBLYourItinerary td.BodyCOL6 { background:#ffffff; }
.TBLYourItinerary td.BodyCOL7 { background:#ffffff; text-align:left;}

/*PASSENGERS*/
.TBLPassenger3 { width:100%; border-collapse: collapse; border: 1px solid #233371;}
.TBLPassenger3 td { border-bottom:1px solid #233371; height:22px; padding:2px; line-height:14px; text-align:left; vertical-align: top; padding: 3px 0;}
.TBLPassenger3 td.HeadCOL1 {  width:15%; background: #33499F; color:#fff; font-weight:bold;}
.TBLPassenger3 td.HeadCOL2 {  width:25%; background: #33499F; color:#fff; font-weight:bold; padding-left:10px;}
.TBLPassenger3 td.HeadCOL3 {  width:20%; background: #33499F; color:#fff; font-weight:bold;}
.TBLPassenger3 td.HeadCOL4 {  width:15%; background: #33499F; color:#fff; font-weight:bold;}
.TBLPassenger3 td.HeadCOL5 {  width:10%; background: #33499F; color:#fff; font-weight:bold;}
.TBLPassenger3 td.HeadCOL6 {  width:15%; background: #33499F; color:#fff; font-weight:bold;}
.TBLPassenger3 td.HeadCOL7 {  width:auto; background: #33499F; color:#fff; font-weight:bold;}

.TBLPassenger3 td.BodyCOL1 { background:#ffffff; padding-left:10px;}
.TBLPassenger3 td.BodyCOL2 { background:#ffffff; padding-left:10px; }
.TBLPassenger3 td.BodyCOL3 { background:#ffffff; }
.TBLPassenger3 td.BodyCOL4 { background:#ffffff; }
.TBLPassenger3 td.BodyCOL5 { background:#ffffff; }
.TBLPassenger3 td.BodyCOL6 { background:#ffffff; }
.TBLPassenger3 td.BodyCOL7 { background:#ffffff; }

/*****************************/
/********** Passport *********/
/*****************************/
.TBLPassportInformation { 
	width:100%; border-collapse: collapse; border: 1px solid #233371;
}

.TBLPassportInformation td { 
	border-bottom:1px solid #233371; height:22px; padding:2px; line-height:14px; text-align:left;
}

.TBLPassportInformation tr.Header {
		font-weight: bold;
		color: #FFF;
		background: #33499F;
}

.TBLPassportInformation td.HeadCOL1,
.TBLPassportInformation td.BodyCOL1 {  
	width: 25%;
	padding-left: 10px;
}

.TBLPassportInformation td.HeadCOL2,
.TBLPassportInformation td.BodyCOL2 {  
	width: 20%; 
}

.TBLPassportInformation td.HeadCOL3,
.TBLPassportInformation td.BodyCOL3 {  
	width: 15%;
}

.TBLPassportInformation td.HeadCOL4,
.TBLPassportInformation td.BodyCOL4 {  
	width: 20%;
}

.TBLPassportInformation td.HeadCOL5,
.TBLPassportInformation td.BodyCOL5 {  
	width: 20%;
}


/*SERVICE REQUEST B2C*/
.TBLService{ width:990px; border-collapse: collapse;}
.TBLService td { border-bottom:1px solid #FFFFFF; padding:2px; text-align:left;}
.TBLService td.HeadCOL1 { width:20%; background:url(../Images/tab1a.png) repeat-x #132544; color:#ffffff; font-weight:bold; padding-left:5px;}
.TBLService td.HeadCOL2 { width:20%; background:url(../Images/tab1a.png) repeat-x #132544; color:#ffffff; font-weight:bold;}
.TBLService td.HeadCOL3 { width:15%; background:url(../Images/tab1a.png) repeat-x #132544; color:#ffffff; font-weight:bold;}
.TBLService td.HeadCOL4 { width:30%; background:url(../Images/tab1a.png) repeat-x #132544; color:#ffffff; font-weight:bold;}
.TBLService td.HeadCOL5 { width:auto; background:url(../Images/tab1a.png) repeat-x #132544; color:#ffffff; font-weight:bold;}

.TBLService td.BodyCOL1 {background:#dde1e7; border-bottom:1px solid #ffffff;padding-left:5px;}
.TBLService td.BodyCOL2 {background:#dde1e7; border-bottom:1px solid #ffffff;}
.TBLService td.BodyCOL3 {background:#dde1e7; border-bottom:1px solid #ffffff;}
.TBLService td.BodyCOL4 {background:#dde1e7; border-bottom:1px solid #ffffff;}
.TBLService td.BodyCOL5 {background:#dde1e7; border-bottom:1px solid #ffffff;}

/*TICKETS*/
.TBLTikets { width:100%; border-collapse: collapse; border: 1px solid #233371;}
.TBLTikets td { border-bottom:1px solid #233371; height:22px; padding:2px; line-height:14px; vertical-align: top; padding: 3px 0;}
.TBLTikets td.HeadCOL1 {  width:15%; background: #33499F; color:#fff; font-weight:bold; padding-left:10px;}
.TBLTikets td.HeadCOL2 {  width:20%; background: #33499F; color:#fff; font-weight:bold;}
.TBLTikets td.HeadCOL3 {  width:8%; background: #33499F; color:#fff; font-weight:bold;}
.TBLTikets td.HeadCOL4 {  width:8%; background: #33499F; color:#fff; font-weight:bold;}
.TBLTikets td.HeadCOL5 {  width:8%; background: #33499F; color:#fff; font-weight:bold; text-indent: 5px;}
.TBLTikets td.HeadCOL6 {  width:15%; background: #33499F; color:#fff; font-weight:bold;text-align:right;}
.TBLTikets td.HeadCOL7 {  width:8%; background: #33499F; color:#fff; font-weight:bold;text-align:center;}

.TBLTikets td.BodyCOL1 { background:#ffffff; padding-left:10px;}
.TBLTikets td.BodyCOL2 { background:#ffffff;}
.TBLTikets td.BodyCOL3 { background:#ffffff;}
.TBLTikets td.BodyCOL4 { background:#ffffff;}
.TBLTikets td.BodyCOL5 { background:#ffffff; text-indent: 5px;}
.TBLTikets td.BodyCOL6 { background:#ffffff; text-align:right;}
.TBLTikets td.BodyCOL7 { background:#ffffff; text-align:center;}

/*COST BREAKDOWN*/
.TBLCostBreakDown { width:100%; border-collapse: collapse; border: 1px solid #233371;}
.TBLCostBreakDown td { border-bottom:1px solid #233371; height:22px; padding:1px 2px; line-height:14px; vertical-align: top; padding: 3px 0;}
.TBLCostBreakDown td.HeadCOL1 { width:20%; background: #33499F; color:#fff; font-weight:bold; padding-left:10px;}
.TBLCostBreakDown td.HeadCOL2 { width:20%; background: #33499F; color:#fff; font-weight:bold;}
.TBLCostBreakDown td.HeadCOL3 { width:20%; background: #33499F; color:#fff; font-weight:bold; text-align:right;}
.TBLCostBreakDown td.HeadCOL4 { width:20%; background: #33499F; color:#fff; font-weight:bold; text-align:right;}
.TBLCostBreakDown td.HeadCOL5 { width:20%; background: #33499F; color:#fff; font-weight:bold; text-align:right; padding-right:5px;}

.TBLCostBreakDown td.BodyCOL1 { background:#ffffff; padding-left:10px;}
.TBLCostBreakDown td.BodyCOL2 { background:#ffffff; }
.TBLCostBreakDown td.BodyCOL3 { background:#ffffff; text-align:right;}
.TBLCostBreakDown td.BodyCOL4 { background:#ffffff; text-align:right;}
.TBLCostBreakDown td.BodyCOL5 { background:#ffffff; text-align:right; padding-right:5px;}
.TBLCostBreakDown td.BodyCOL5Total { width:20%; background:#ffffff; text-align:right; font-weight:bold; padding-right: 5px;}

/*PAYMENT SPECIAL SERVICES*/
.TBLSpecialService { width:100%; border-collapse: collapse; border: 1px solid #233371;}
.TBLSpecialService td { border-bottom:1px solid #233371; height:22px; padding:1px 2px; line-height:14px;}
.TBLSpecialService td.HeadCOL1 {  width:25%; background: #33499F; color:#fff; font-weight:bold; padding-left:10px;}
.TBLSpecialService td.HeadCOL2 {  width:25%; background: #33499F; color:#fff; font-weight:bold;}
.TBLSpecialService td.HeadCOL3 {  width:20%; background: #33499F; color:#fff; font-weight:bold;}
.TBLSpecialService td.HeadCOL4 {  width:20%; background: #33499F; color:#fff; font-weight:bold; padding-left:10px;}
.TBLSpecialService td.HeadCOL5 {  width:10%; background: #33499F; color:#fff; font-weight:bold; padding-left:10px; }

.TBLSpecialService td.BodyCOL1 { background:#ffffff; padding-left:10px;}
.TBLSpecialService td.BodyCOL2 { background:#ffffff; }
.TBLSpecialService td.BodyCOL3 { background:#ffffff; }
.TBLSpecialService td.BodyCOL4 { background:#ffffff; padding-left:10px;}
.TBLSpecialService td.BodyCOL5 { background:#ffffff; padding-left:10px; }

/*PAYMENT RECEIVED*/
.TBLPaymentReceived { width:100%; border-collapse: collapse; border: 1px solid #233371;}
.TBLPaymentReceived td { border-bottom:1px solid #233371; height:22px; padding:1px 2px; line-height:14px; vertical-align: top; padding: 3px 0;}
.TBLPaymentReceived td.HeadCOL1 {  width:25%; background: #33499F; color:#fff; font-weight:bold; padding-left:10px;}
.TBLPaymentReceived td.HeadCOL2 {  width:25%; background: #33499F; color:#fff; font-weight:bold;}
.TBLPaymentReceived td.HeadCOL3 {  width:20%; background: #33499F; color:#fff; font-weight:bold;}
.TBLPaymentReceived td.HeadCOL4 {  width:15%; background: #33499F; color:#fff; font-weight:bold; text-align: right; padding-right:10px;}
.TBLPaymentReceived td.HeadCOL5 {  width:15%; background: #33499F; color:#fff; font-weight:bold; padding-right:5px; text-align: right;}

.TBLPaymentReceived td.BodyCOL1 { background:#ffffff; padding-left:10px;}
.TBLPaymentReceived td.BodyCOL2 { background:#ffffff; }
.TBLPaymentReceived td.BodyCOL3 { background:#ffffff; }
.TBLPaymentReceived td.BodyCOL4 { background:#ffffff; text-align: right; padding-right:10px;}
.TBLPaymentReceived td.BodyCOL5 { background:#ffffff; padding-right:5px; text-align: right;}

.TBLPaymentReceived td.BodyCOL1Total { width:25%; background:#ffffff; font-weight:bold; padding-left:10px;}
.TBLPaymentReceived td.BodyCOL2Total { width:25%; background:#ffffff; font-weight:bold; }
.TBLPaymentReceived td.BodyCOL3Total { width:20%; background:#ffffff; font-weight:bold; }
.TBLPaymentReceived td.BodyCOL4Total { width:15%; background:#ffffff; font-weight:bold; padding-right:10px; text-align: right;}
.TBLPaymentReceived td.BodyCOL5Total { width:15%; background:#ffffff; font-weight:bold; padding-right:5px; text-align: right;}

.BookingRefItenerary { line-height: 30px; width:50%; font-size:14px; font-weight:bold; text-indent:10px;}
.BookingRefItenerary span.BookingRef { float: left; width: 45%;}
.BookingRefItenerary span.BookingRefId { color:#ef3333; font-size:14px; font-weight:bold;}
.BookingRefIteneraryDate { margin:10px 0px 0px 0px; font-weight:normal;}
.YourItineraryDetail { width:100%; color:#000 ; padding-bottom:10px; border: 1px solid #233371; font-size: 10pt;}
.YourItineraryDetail ul { list-style:none; margin:0px; padding:0px; width:50%; float:left; line-height:16px; text-indent:10px;}
.YourItineraryDetail li.Left { float:left; width:45%; font-weight:bold;}
.YourItineraryDetail li.Right { float:left; width:55%; color: #000000; }

/* Search Profiiles Admin Login */
.TBLEmployeeSearchAdmin{ width:740px; border-collapse: collapse;}
.TBLEmployeeSearchAdmin td{ border-bottom:1px solid #FFFFFF; height:22px; padding:1px 2px;}
.TBLEmployeeSearchAdmin td.HeadCOL1 { line-height:14px; width:50px; background: #056738; color:#ffffff; font-weight:bold; text-align:center; padding-left:5px;}
.TBLEmployeeSearchAdmin td.HeadCOL2 { line-height:14px; width:150px; background: #056738; color:#ffffff; font-weight:bold; text-decoration:underline;}
.TBLEmployeeSearchAdmin td.HeadCOL3 { line-height:14px; width:150px; background: #056738; color:#ffffff; font-weight:bold; text-decoration:underline;}
.TBLEmployeeSearchAdmin td.HeadCOL4 { line-height:14px; width:150px; background: #056738; color:#ffffff; font-weight:bold; text-decoration:underline;}
.TBLEmployeeSearchAdmin td.HeadCOL5 { line-height:14px; width:140px; background: #056738; color:#ffffff; font-weight:bold;text-align:center;}
.TBLEmployeeSearchAdmin td.HeadCOL6 { line-height:14px; width:100px; background: #056738; color:#ffffff; font-weight:bold;text-align:center;}

.TBLEmployeeSearchAdmin td.BodyCOL1 { line-height:14px;background:#FFFFFF; text-align:center; padding-left:5px;}
.TBLEmployeeSearchAdmin td.BodyCOL2 { line-height:14px;background:#FFFFFF; }
.TBLEmployeeSearchAdmin td.BodyCOL3 { line-height:14px;background:#FFFFFF; }
.TBLEmployeeSearchAdmin td.BodyCOL4 { line-height:14px;background:#FFFFFF; }
.TBLEmployeeSearchAdmin td.BodyCOL5 { line-height:14px;background:#FFFFFF; text-align:center;}
.TBLEmployeeSearchAdmin td.BodyCOL6 { line-height:14px;background:#FFFFFF; text-align:center;}

.LogoutText{ font-weight:bold; font-size:11px; float:right;}
.LogoutText a:link{;}

/*Issue Report*/ 
.IssueTicketReportCover { width:100%; min-height:800px;}
.IssueTicketReportCoverInfo { width:100%; float:left; margin-top:10px;}
.IssueTicketReportCoverInfo .Label { background:#233371; width:100%; line-height:30px; text-indent:10px; color:#fff; float:left; font-weight:bold; font-family: Arial, tahoma; font-size: 14px; border: 1px solid #233371; }

.WrapperIssueTicketReport { width:100%; float:left; margin-bottom:10px; padding :3px 0px 3px 0px; border:1px solid #233371; border-top:none;}
.IssueTicketReport { padding:0px 0px 0px 0px; float:left; color:#000; font-family: Arial, tahoma;}
.IssueTicketReport span.left { float: left; width: 435px; padding: 0px 0px 0px 10px;}
.IssueTicketReport span.right { float: left; width: 435px; padding: 0px 0px 0px 10px; border-left: 1px solid #233371; }

.IssueTicketReport li.title { float:left; width:115px; list-style:none; line-height:30px; margin-top:2px;}
.IssueTicketReport li.detail { float:left; width:300px; list-style:none; line-height:30px; margin-top:2px; height: 30px; }
.IssueTicketReport select { width:150px; padding:1px; margin:1px;font-size:11px;}
.IssueTicketReport input { width:150px;padding:1px; margin:1px;font-size:11px;}

.IssueTicketReportSaleDate { width:435px; padding:10px 0px 0px 0px; float:left; clear:both;}
.IssueTicketReportSaleDate li.title { width:115px; list-style:none; float:left; line-height:30px;}
.IssueTicketReportSaleDate li.detail { width:320px; list-style:none; float:left; line-height:30px;}

.TBLValidateReport { width:902px; border-collapse:collapse;}
.TBLValidateReport td { border-top:1px solid #233371; height:30px; padding:3px 2px 1px 2px; line-height:14px; vertical-align: top;}
.TBLValidateReport td.HeadCOL1 { width:40px; background: #33499F; color:#ffffff; font-weight:bold; line-height:14px;}
.TBLValidateReport td.HeadCOL2 { width:100px; background: #33499F; color:#ffffff; font-weight:bold; line-height:14px;}
.TBLValidateReport td.HeadCOL3 { width:100px; background: #33499F; color:#ffffff; font-weight:bold; line-height:14px;}
.TBLValidateReport td.HeadCOL4 { width:100px; background: #33499F; color:#ffffff; font-weight:bold; line-height:14px;}
.TBLValidateReport td.HeadCOL5 { width:100px; background: #33499F; color:#ffffff; font-weight:bold; line-height:14px; text-align:right;}
.TBLValidateReport td.HeadCOL6 { width:200px; background: #33499F; color:#ffffff; font-weight:bold; line-height:14px; text-align:center;}
.TBLValidateReport td.HeadCOL7 { width:200px; background: #33499F; color:#ffffff; font-weight:bold; line-height:14px;}

.TBLValidateReport td.BodyCOL1 { line-height:14px;background:#ffffff; line-height:14px; text-align:center;}
.TBLValidateReport td.BodyCOL2 { line-height:14px;background:#ffffff; line-height:14px;}
.TBLValidateReport td.BodyCOL3 { line-height:14px;background:#ffffff; line-height:14px;}
.TBLValidateReport td.BodyCOL4 { line-height:14px;background:#ffffff; line-height:14px;}
.TBLValidateReport td.BodyCOL5 { line-height:14px;background:#ffffff; line-height:14px; text-align:right;}
.TBLValidateReport td.BodyCOL6 { line-height:14px;background:#ffffff; line-height:14px;}
.TBLValidateReport td.BodyCOL7 { line-height:14px;background:#ffffff; line-height:14px;}

.TBLIssueReport { width:902px; border-collapse: collapse; font-family: Arial, tahoma;}
.TBLIssueReport td { border-top:1px solid #233371; height:30px; padding:1px 2px; line-height:14px; vertical-align: top; padding-top: 3px;}
.TBLIssueReport td.HeadCOL1 { width:3%;background: #33499f; color:#fff; font-weight:bold; text-align:center; padding-top: 3px; vertical-align: top;}
.TBLIssueReport td.HeadCOL2 { width:7%;background: #33499f; color:#fff; font-weight:bold; padding-top: 3px; vertical-align: top;}
.TBLIssueReport td.HeadCOL3 { width:9%;background: #33499f; color:#fff; font-weight:bold; padding-top: 3px; vertical-align: top;}
.TBLIssueReport td.HeadCOL4 { width:12%;background: #33499f; color:#fff; font-weight:bold; padding-top: 3px; vertical-align: top;}
.TBLIssueReport td.HeadCOL5 { width:7%;background: #33499f; color:#fff; font-weight:bold; padding-top: 3px; vertical-align: top;}
.TBLIssueReport td.HeadCOL6 { width:10%;background: #33499f; color:#fff; font-weight:bold; padding-top: 3px; vertical-align: top;}
.TBLIssueReport td.HeadCOL7 { width:6%;background: #33499f; color:#fff; font-weight:bold; padding-top: 3px; vertical-align: top;}
.TBLIssueReport td.HeadCOL8 { width:6%;background: #33499f; color:#fff; font-weight:bold; padding-top: 3px; vertical-align: top;}
.TBLIssueReport td.HeadCOL9 { width:7%;background: #33499f; color:#fff; font-weight:bold; padding-top: 3px; vertical-align: top;}
.TBLIssueReport td.HeadCOL10 { width:9%;background: #33499f; color:#fff; font-weight:bold;padding-top: 3px; vertical-align: top; padding-left: 15px;}
.TBLIssueReport td.HeadCOL11 { width:5%;background: #33499f; color:#fff; font-weight:bold; text-align:center; padding-top: 3px; vertical-align: top;}
.TBLIssueReport td.HeadCOL12 { width:5%;background: #33499f; color:#fff; font-weight:bold; text-align:center; padding-top: 3px; vertical-align: top;}
.TBLIssueReport td.HeadCOL13 { width:7%;background: #33499f; color:#fff; font-weight:bold; text-align:right; padding-right:5px; padding-top: 3px; vertical-align: top;}

.TBLIssueReport td.BodyCOL1 { background:#ffffff; text-align:center;}
.TBLIssueReport td.BodyCOL2 { background:#ffffff; }
.TBLIssueReport td.BodyCOL3 { background:#ffffff; }
.TBLIssueReport td.BodyCOL4 { background:#ffffff; }
.TBLIssueReport td.BodyCOL5 { background:#ffffff; }
.TBLIssueReport td.BodyCOL6 { background:#ffffff; }
.TBLIssueReport td.BodyCOL7 { background:#ffffff; }
.TBLIssueReport td.BodyCOL8 { background:#ffffff; }
.TBLIssueReport td.BodyCOL9 { background:#ffffff; }
.TBLIssueReport td.BodyCOL10 { background:#ffffff; padding-left: 15px;}
.TBLIssueReport td.BodyCOL11 { background:#ffffff; text-align:center;}
.TBLIssueReport td.BodyCOL12 { background:#ffffff; text-align:center;}
.TBLIssueReport td.BodyCOL13 { background:#ffffff; text-align:right; padding-right:5px;}
.buttonIssueTicketsReport { margin-top:10px;}

/*TBLUnflownTicketsReport*/
.TBLUnflownTicketsReport { width:902px; border-collapse: collapse; font-family: Arial, tahoma;}
.TBLUnflownTicketsReport td { border-top:1px solid #233371; height:30px; padding:1px 2px; line-height:14px;vertical-align: top; padding-top: 3px; }
.TBLUnflownTicketsReport td.HeadCOL1 {  width:3%; background: #33499f; color:#fff; font-weight:bold; text-align:center; vertical-align: top; padding-top: 3px;}
.TBLUnflownTicketsReport td.HeadCOL2 {  width:7%; background: #33499f; color:#fff; font-weight:bold; vertical-align: top; padding-top: 3px;}
.TBLUnflownTicketsReport td.HeadCOL3 {  width:10%; background: #33499f; color:#fff; font-weight:bold;text-align:center; vertical-align: top; padding-top: 3px;}
.TBLUnflownTicketsReport td.HeadCOL4 {  width:20%; background: #33499f; color:#fff; font-weight:bold; vertical-align: top; padding-top: 3px;}
.TBLUnflownTicketsReport td.HeadCOL5 {  width:5%; background: #33499f; color:#fff; font-weight:bold; vertical-align: top; padding-top: 3px;}
.TBLUnflownTicketsReport td.HeadCOL6 {  width:7%; background: #33499f; color:#fff; font-weight:bold; vertical-align: top; padding-top: 3px;}
.TBLUnflownTicketsReport td.HeadCOL7 {  width:4%; background: #33499f; color:#fff; font-weight:bold; vertical-align: top; padding-top: 3px;}
.TBLUnflownTicketsReport td.HeadCOL8 {  width:4%; background: #33499f; color:#fff; font-weight:bold; vertical-align: top; padding-top: 3px;}
.TBLUnflownTicketsReport td.HeadCOL9 {  width:10%; background: #33499f; color:#fff; font-weight:bold; vertical-align: top; padding-top: 3px;}
.TBLUnflownTicketsReport td.HeadCOL10 {  width:7%; background: #33499f; color:#fff; font-weight:bold; vertical-align: top; padding-top: 3px;}
.TBLUnflownTicketsReport td.HeadCOL11 {  width:5%; background: #33499f; color:#fff; font-weight:bold;text-align:center; vertical-align: top; padding-top: 3px;}
.TBLUnflownTicketsReport td.HeadCOL12 {  width:7%; background: #33499f; color:#fff; font-weight:bold;text-align:center; vertical-align: top; padding-top: 3px;}
.TBLUnflownTicketsReport td.HeadCOL13 {  width:10%; background: #33499f; color:#fff; font-weight:bold;text-align:right; padding-right:10px; vertical-align: top; padding-top: 3px;}

.TBLUnflownTicketsReport td.BodyCOL1 { background:#ffffff; text-align:center;}
.TBLUnflownTicketsReport td.BodyCOL2 { background:#ffffff; }
.TBLUnflownTicketsReport td.BodyCOL3 { background:#ffffff; text-align:center;}
.TBLUnflownTicketsReport td.BodyCOL4 { background:#ffffff;}
.TBLUnflownTicketsReport td.BodyCOL5 { background:#ffffff;}
.TBLUnflownTicketsReport td.BodyCOL6 { background:#ffffff;}
.TBLUnflownTicketsReport td.BodyCOL7 { background:#ffffff;}
.TBLUnflownTicketsReport td.BodyCOL8 { background:#ffffff;}
.TBLUnflownTicketsReport td.BodyCOL9 { background:#ffffff;}
.TBLUnflownTicketsReport td.BodyCOL10 { background:#ffffff;}
.TBLUnflownTicketsReport td.BodyCOL11 { background:#ffffff; text-align:center;}
.TBLUnflownTicketsReport td.BodyCOL12 { background:#ffffff; text-align:center;}
.TBLUnflownTicketsReport td.BodyCOL13 { background:#ffffff; text-align:right; padding-right:10px;}

/*TBLExpiredTicketsReport*/
.TBLExpiredTicketsReport { width:902px; border-collapse: collapse; font-family: Arial, tahoma;}
.TBLExpiredTicketsReport td { border-top:1px solid #233371; height:30px; padding:3px 2px; line-height:14px; vertical-align: top;}
.TBLExpiredTicketsReport td.HeadCOL1 {  width:0%;background: #33499f; color:#fff; font-weight:bold;}
.TBLExpiredTicketsReport td.HeadCOL2 {  width:10%;background: #33499f; color:#fff; font-weight:bold;}
.TBLExpiredTicketsReport td.HeadCOL3 {  width:10%;background: #33499f; color:#fff; font-weight:bold;}
.TBLExpiredTicketsReport td.HeadCOL4 {  width:20%;background: #33499f; color:#fff; font-weight:bold;}
.TBLExpiredTicketsReport td.HeadCOL5 {  width:10%;background: #33499f; color:#fff; font-weight:bold; }
.TBLExpiredTicketsReport td.HeadCOL6 {  width:10%;background: #33499f; color:#fff; font-weight:bold; }
.TBLExpiredTicketsReport td.HeadCOL7 {  width:10%;background: #33499f; color:#fff; font-weight:bold; text-align:right;}
.TBLExpiredTicketsReport td.HeadCOL8 {  width:10%;background: #33499f; color:#fff; font-weight:bold; text-align:right;}
.TBLExpiredTicketsReport td.HeadCOL9 {  width:10%;background: #33499f; color:#fff; font-weight:bold; text-align:right;}
.TBLExpiredTicketsReport td.HeadCOL10 { width:10%;background: #33499f; color:#fff; font-weight:bold; padding-left: 10px;}

.TBLExpiredTicketsReport td.BodyCOL1 { background:#ffffff;}
.TBLExpiredTicketsReport td.BodyCOL2 { background:#ffffff;}
.TBLExpiredTicketsReport td.BodyCOL3 { background:#ffffff;}
.TBLExpiredTicketsReport td.BodyCOL4 { background:#ffffff;}
.TBLExpiredTicketsReport td.BodyCOL5 { background:#ffffff; }
.TBLExpiredTicketsReport td.BodyCOL6 { background:#ffffff; }
.TBLExpiredTicketsReport td.BodyCOL7 { background:#ffffff; text-align:right;}
.TBLExpiredTicketsReport td.BodyCOL8 { background:#ffffff; text-align:right;}
.TBLExpiredTicketsReport td.BodyCOL9 { background:#ffffff; text-align:right;}
.TBLExpiredTicketsReport td.BodyCOL10 { background:#ffffff; padding-left: 10px;}

/*Refunded Tickets Report*/ 
.RefundedTicketReportCover { width:100%; min-height:800px;}
.RefundedTicketReportCoverInfo { width:100%; float:left; margin-top:10px;}
.RefundedTicketReportCoverInfo .Label { background:#056738; width:100%; line-height:30px; text-indent:10px; color:#2a6ebb; float:left; font-weight:bold; font-family: Arial, tahoma; font-size: 14px; border: 1px solid #056738; }

.WrapperRefundedTicketReport { width:100%; float:left; margin-bottom:10px; padding :3px 0px 3px 0px; border:1px solid #233371; border-top:none;}
.RefundedTicketReport{ padding:0px 0px 0px 0px; float:left; color:#000; font-family: Arial, tahoma;}
.RefundedTicketReport span.left { float: left; width: 435px; padding: 0px 0px 0px 10px;}
.RefundedTicketReport span.right { float: left; width: 435px; padding: 0px 0px 0px 10px; border-left: 1px solid #233371;}
.RefundedTicketReport li.title{ width:135px; list-style:none; float:left; line-height:20px; padding-top: 2px;}
.RefundedTicketReport li.detail{ width:300px; list-style:none; float:left; line-height:20px; padding-top:2px;}
.RefundedTicketReport select{ font-size:11px;width:150px;}
.RefundedTicketReport input { width:150px;}
.RefundedTicketReportCover .Label { background:#233371; width:100%; line-height:30px; text-indent:10px; color:#fff; float:left; font-weight:bold; font-family: Arial, tahoma; font-size: 14px; border: 1px solid #233371; }

.RefundedTicketReportSaleDate{ width:435px; padding:10px 0px 0px 0px; float:left; clear:both;}
.RefundedTicketReportSaleDate li.title{ width:115px; list-style:none; float:left; line-height:30px;}
.RefundedTicketReportSaleDate li.detail{ width:320px; list-style:none; float:left; line-height:30px;}

.TBLRefundedReport { width:902px; border-collapse: collapse; font-family: Arial, tahoma;}
.TBLRefundedReport td { border-top:1px solid #233371; height:30px; padding:1px 2px; line-height:14px; vertical-align: top; padding-top: 3px;}
.TBLRefundedReport td.HeadCOL1 { width:20px;background: #33499f; color:#fff; font-weight:bold; line-height:14px;}
.TBLRefundedReport td.HeadCOL2 { width:70px;background: #33499f; color:#fff; font-weight:bold; line-height:14px;}
.TBLRefundedReport td.HeadCOL3 { width:90px;background: #33499f; color:#fff; font-weight:bold; line-height:14px;}
.TBLRefundedReport td.HeadCOL4 { width:140px;background: #33499f; color:#fff; font-weight:bold; line-height:14px;}
.TBLRefundedReport td.HeadCOL5 { width:60px;background: #33499f; color:#fff; font-weight:bold; line-height:14px;}
.TBLRefundedReport td.HeadCOL6 { width:70px;background: #33499f; color:#fff; font-weight:bold; line-height:14px;}
.TBLRefundedReport td.HeadCOL7 { width:70px;background: #33499f; color:#fff; font-weight:bold; line-height:14px; text-align:right;}
.TBLRefundedReport td.HeadCOL8 { width:70px;background: #33499f; color:#fff; font-weight:bold; line-height:14px; text-align:right;}
.TBLRefundedReport td.HeadCOL9 { width:70px;background: #33499f; color:#fff; font-weight:bold; line-height:14px; text-align:right;}
.TBLRefundedReport td.HeadCOL10 { width:100px;background: #33499f; color:#fff; font-weight:bold; line-height:14px; text-align:center;}
 
.TBLRefundedReport td.BodyCOL1 { line-height:14px;background:#ffffff; text-align:center;}
.TBLRefundedReport td.BodyCOL2 { line-height:14px;background:#ffffff;}
.TBLRefundedReport td.BodyCOL3 { line-height:14px;background:#ffffff;}
.TBLRefundedReport td.BodyCOL4 { line-height:14px;background:#ffffff;}
.TBLRefundedReport td.BodyCOL5 { line-height:14px;background:#ffffff; }
.TBLRefundedReport td.BodyCOL6 { line-height:14px;background:#ffffff;}
.TBLRefundedReport td.BodyCOL7 { line-height:14px;background:#ffffff; text-align:right;}
.TBLRefundedReport td.BodyCOL8 { line-height:14px;background:#ffffff; text-align:right;}
.TBLRefundedReport td.BodyCOL9 { line-height:14px;background:#ffffff; text-align:right;}
.TBLRefundedReport td.BodyCOL10 { line-height:14px;background:#ffffff; text-align:center;}

/*TBL AccountInfo Mybooking*/
.TBLAccountInfoMybooking { width:632px; background:#ffffff; border:#233371 1px solid; border-collapse:collapse; margin-bottom: 10px;}
.TBLAccountInfoMybooking td { height:30px; padding:0px 3px; color:#000000; vertical-align:top; padding-top: 5px; font-size:12px; line-height:12px; font-family: Arial, tahoma;}
.TBLAccountInfoMybooking td.HeadCOL1 { width:3%; background:#33499f; font-weight:bold; color:#fff;}
.TBLAccountInfoMybooking td.HeadCOL2 { width:15%; background:#33499f; font-weight:bold; color:#fff;}
.TBLAccountInfoMybooking td.HeadCOL3 { width:27%; background:#33499f; font-weight:bold; color:#fff;}
.TBLAccountInfoMybooking td.HeadCOL4 { width:27%; background:#33499f; font-weight:bold; color:#fff;}
.TBLAccountInfoMybooking td.HeadCOL5 { width:20%; background:#33499f; font-weight:bold; color:#fff;}
.TBLAccountInfoMybooking td.HeadCOL6 { width:2%; background:#33499f; font-weight:bold; color:#fff;}

.TBLAccountInfoMybooking td.BodyCOL1 { border-top:#233371 1px solid; text-align:center;}
.TBLAccountInfoMybooking td.BodyCOL2 { border-top:#233371 1px solid;}
.TBLAccountInfoMybooking td.BodyCOL3 { border-top:#233371 1px solid;}
.TBLAccountInfoMybooking td.BodyCOL4 { border-top:#233371 1px solid;}
.TBLAccountInfoMybooking td.BodyCOL5 { border-top:#233371 1px solid;}
.TBLAccountInfoMybooking td.BodyCOL6 { border-top:#233371 1px solid;}

/* TBL Cancelled Ticket Report*/
.TBLCancelledTicketsReport { width:902px; border-collapse: collapse; font-family: Arial, tahoma; }
.TBLCancelledTicketsReport td{ border-top:1px solid #233371; height:30px; padding:1px 2px;vertical-align: top; padding-top: 3px;}
.TBLCancelledTicketsReport td.HeadCOL1 { width:20px;background: #33499f; color:#fff; font-weight:bold;}
.TBLCancelledTicketsReport td.HeadCOL2 { width:70px;background: #33499f; color:#fff; font-weight:bold;}
.TBLCancelledTicketsReport td.HeadCOL3 { width:90px;background: #33499f; color:#fff; font-weight:bold;}
.TBLCancelledTicketsReport td.HeadCOL4 { width:170px;background: #33499f; color:#fff; font-weight:bold;}
.TBLCancelledTicketsReport td.HeadCOL5 { width:50px;background: #33499f; color:#fff; font-weight:bold;}
.TBLCancelledTicketsReport td.HeadCOL6 { width:70px;background: #33499f; color:#fff; font-weight:bold; }
.TBLCancelledTicketsReport td.HeadCOL7 { width:70px;background: #33499f; color:#fff; font-weight:bold; text-align:right;}
.TBLCancelledTicketsReport td.HeadCOL8 { width:60px;background: #33499f; color:#fff; font-weight:bold; text-align:right;}
.TBLCancelledTicketsReport td.HeadCOL9 { width:60px;background: #33499f; color:#fff; font-weight:bold; text-align:right;}
.TBLCancelledTicketsReport td.HeadCOL10 { width:100px;background: #33499f; color:#fff; font-weight:bold; text-align:center;}

.TBLCancelledTicketsReport td.BodyCOL1 { background:#ffffff; text-align:center;}
.TBLCancelledTicketsReport td.BodyCOL2 { background:#ffffff;}
.TBLCancelledTicketsReport td.BodyCOL3 { background:#ffffff;}
.TBLCancelledTicketsReport td.BodyCOL4 { background:#ffffff;}
.TBLCancelledTicketsReport td.BodyCOL5 { background:#ffffff;}
.TBLCancelledTicketsReport td.BodyCOL6 { background:#ffffff;}
.TBLCancelledTicketsReport td.BodyCOL7 { background:#ffffff; text-align: right;}
.TBLCancelledTicketsReport td.BodyCOL8 { background:#ffffff; text-align:right;}
.TBLCancelledTicketsReport td.BodyCOL9 { background:#ffffff; text-align:right;}
.TBLCancelledTicketsReport td.BodyCOL10 { background:#ffffff; text-align:center;}

/*TBL Report Cashbook*/
.TBLCashbookReport { width:902px; border-collapse: collapse; font-family: Arial, tahoma;}
.TBLCashbookReport td { border-top:1px solid #233371; height:30px; padding:1px 2px; line-height:14px;}
.TBLCashbookReport td.HeadCOL1 {  width:5%;background: #33499f; color:#fff; font-weight:bold;}
.TBLCashbookReport td.HeadCOL2 {  width:25%;background: #33499f; color:#fff; font-weight:bold;}
.TBLCashbookReport td.HeadCOL3 {  width:20%;background: #33499f; color:#fff; font-weight:bold;}
.TBLCashbookReport td.HeadCOL4 {  width:15%;background: #33499f; color:#fff; font-weight:bold; text-align:right;}
.TBLCashbookReport td.HeadCOL5 {  width:15%;background: #33499f; color:#fff; font-weight:bold; text-align:center;}
.TBLCashbookReport td.HeadCOL6 {  width:15%;background: #33499f; color:#fff; font-weight:bold; text-align:center;}

.TBLCashbookReport td.BodyCOL1 { padding: 5px 0px 5px 0px;text-align:center;}
.TBLCashbookReport td.BodyCOL2 { padding: 5px 0px 5px 0px;}
.TBLCashbookReport td.BodyCOL3 { padding: 5px 0px 5px 0px;}
.TBLCashbookReport td.BodyCOL4 { padding: 5px 0px 5px 0px; text-align:right;}
.TBLCashbookReport td.BodyCOL5 { padding: 5px 0px 5px 20px; text-align:center;}
.TBLCashbookReport td.BodyCOL6 { padding: 5px 10px 5px 0px; text-align:center;}

.TBLCashbookReport tr { background:#ffffff; color:#000000;}
.TBLCashbookReport tr.Bodyselect { background:#7f96f3; color:#ffffff;}

/***************SSR NEW*******************************/
.SSR2 { width:620px; border-collapse: collapse; margin:5px 0px;}
.SSR2 td { border-bottom:1px solid #FFFFFF; height:22px; padding:1px 2px;}
.SSR2 td.HeadCOL1 { line-height:14px; width:150px; background: #056738; color:#ffffff; font-weight:bold;}
.SSR2 td.HeadCOL2 { line-height:14px; width:80px; background: #056738; color:#ffffff; font-weight:bold;text-align:center;}
.SSR2 td.HeadCOL3 { line-height:14px; width:80px; background: #056738; color:#ffffff; font-weight:bold;text-align:center;}
.SSR2 td.HeadCOL4 { line-height:14px; width:60px; background: #056738; color:#ffffff; font-weight:bold;text-align:center;}
.SSR2 td.HeadCOL5 { line-height:14px; width:60px; background: #056738; color:#ffffff; font-weight:bold;text-align:center;}
.SSR2 td.HeadCOL6 { line-height:14px; width:180px; background: #056738; color:#ffffff; font-weight:bold;}

.SSR2 td.BodyCOL1 { line-height:14px;background:#ffffff;}
.SSR2 td.BodyCOL2 { line-height:14px;background:#ffffff;text-align:center;}
.SSR2 td.BodyCOL3 { line-height:14px;background:#ffffff;text-align:center;}
.SSR2 td.BodyCOL4 { line-height:14px;background:#ffffff;text-align:center;}
.SSR2 td.BodyCOL5 { line-height:14px;background:#ffffff;text-align:center;}
.SSR2 td.BodyCOL6 { line-height:14px;background:#ffffff;}
/***************SSR NEW*******************************/

/*TBL Report Cashbook2*/
.TBLCashbookReport2 {width:902px; border-collapse: collapse; font-family: Arial, tahoma; margin-top: 10px;}
.TBLCashbookReport2 td { border-top:1px solid #233371; height:30px; padding:1px 2px; line-height:14px;vertical-align: top; padding-top: 3px;}
.TBLCashbookReport2 td.HeadCOL1 { width:5%; background: #33499f; color:#fff; font-weight:bold; text-align:center; vertical-align: top; padding-top: 3px;}
.TBLCashbookReport2 td.HeadCOL2 { width:15%; background: #33499f; color:#fff; font-weight:bold; vertical-align: top; padding-top: 3px;}
.TBLCashbookReport2 td.HeadCOL3 { width:15%; background: #33499f; color:#fff; font-weight:bold; vertical-align: top; padding-top: 3px;}
.TBLCashbookReport2 td.HeadCOL4 { width:12%; background: #33499f; color:#fff; font-weight:bold; vertical-align: top; padding-top: 3px;}
.TBLCashbookReport2 td.HeadCOL5 { width:12%; background: #33499f; color:#fff; font-weight:bold;text-align:right; vertical-align: top; padding-top: 3px;}
.TBLCashbookReport2 td.HeadCOL6 { width:12%; background: #33499f; color:#fff; font-weight:bold;text-align:right; vertical-align: top; padding-top: 3px;}
.TBLCashbookReport2 td.HeadCOL7 { width:9%; background: #33499f; color:#fff; font-weight:bold; vertical-align: top; padding-top: 3px; padding-left: 15px;}
.TBLCashbookReport2 td.HeadCOL8 { width:20%; background: #33499f; color:#fff; font-weight:bold; vertical-align: top; padding-top: 3px;}
 
.TBLCashbookReport2 td.BodyCOL1 { background:#ffffff; text-align:center;}
.TBLCashbookReport2 td.BodyCOL2 { background:#ffffff;}
.TBLCashbookReport2 td.BodyCOL3 { background:#ffffff;}
.TBLCashbookReport2 td.BodyCOL4 { background:#ffffff;}
.TBLCashbookReport2 td.BodyCOL5 { background:#ffffff; text-align:right;}
.TBLCashbookReport2 td.BodyCOL6 { background:#ffffff; text-align:right;}
.TBLCashbookReport2 td.BodyCOL7 { background:#ffffff; padding-left: 15px;}
.TBLCashbookReport2 td.BodyCOL8 { background:#ffffff;}
 
/*TBL Report Cashbook3*/
.TBLCashbookReport3 { width:902px; border-collapse: collapse; font-family: Arial, tahoma; margin-top: 10px;}
.TBLCashbookReport3 td { border-top:1px solid #233371; height:30px; padding:1px 2px; line-height:14px;vertical-align: top; padding-top: 3px;}
.TBLCashbookReport3 td.HeadCOL1 { width:5%; background-color:#33499f; color:#ffffff; vertical-align: top; padding-top: 3px;}
.TBLCashbookReport3 td.HeadCOL2 { width:8%; background-color:#33499f; color:#ffffff; font-weight:bold; vertical-align: top; padding-top: 3px;}
.TBLCashbookReport3 td.HeadCOL3 { width:15%; background-color:#33499f; color:#ffffff; font-weight:bold; vertical-align: top; padding-top: 3px;}
.TBLCashbookReport3 td.HeadCOL4 { width:10%; background-color:#33499f; color:#ffffff; font-weight:bold; vertical-align: top; padding-top: 3px;}
.TBLCashbookReport3 td.HeadCOL5 { width:7%; background-color:#33499f; color:#ffffff; font-weight:bold; vertical-align: top; padding-top: 3px;}
.TBLCashbookReport3 td.HeadCOL6 { width:7%; background-color:#33499f; color:#ffffff; font-weight:bold; vertical-align: top; padding-top: 3px;}
.TBLCashbookReport3 td.HeadCOL7 { width:10%; background-color:#33499f; color:#ffffff; font-weight:bold; vertical-align: top; padding-top: 3px;}
.TBLCashbookReport3 td.HeadCOL8 { width:25%; background-color:#33499f; color:#ffffff; font-weight:bold; vertical-align: top; padding-top: 3px;}
.TBLCashbookReport3 td.HeadCOL9 { width:12%; background-color:#33499f; color:#ffffff; font-weight:bold;text-align:right; padding-right:10px; vertical-align: top; padding-top: 3px;}
 
.TBLCashbookReport3 td.BodyCOL1 { background-color:#ffffff; text-align:center;}
.TBLCashbookReport3 td.BodyCOL2 { background-color:#ffffff;}
.TBLCashbookReport3 td.BodyCOL3 { background-color:#ffffff;}
.TBLCashbookReport3 td.BodyCOL4 { background-color:#ffffff;}
.TBLCashbookReport3 td.BodyCOL5 { background-color:#ffffff;}
.TBLCashbookReport3 td.BodyCOL6 { background-color:#ffffff;}
.TBLCashbookReport3 td.BodyCOL7 { background-color:#ffffff;}
.TBLCashbookReport3 td.BodyCOL8 { background-color:#ffffff;}
.TBLCashbookReport3 td.BodyCOL9 { background-color:#ffffff; text-align:right; padding-right:10px;}

/* TBL Search booking*/
.SearchBookingReport { padding:0px 0px 0px 0px; float:left; color:#000; font-family: Arial, tahoma;}
.SearchBookingReport span.left { float: left; width: 435px; padding: 0px 0px 0px 10px;}
.SearchBookingReport span.right { float: left; width: 435px; padding: 0px 0px 0px 10px; border-left: 1px solid #056738; }
.SearchBookingReport li.title { float:left; width:115px; list-style:none; line-height:30px; margin-top:2px;}
.SearchBookingReport li.detail { float:left; width:300px; list-style:none; line-height:30px; height: 30px; margin-top:2px; }
.SearchBookingReport select { width:162px; font-size:11px; /*padding:1px; margin:1px;*/}
.SearchBookingReport input { width:150px; font-size:11px; /*padding:1px; margin:1px;*/}
.SearchBookingReport input.FlightNo { width:85px;}
.SearchBookingReport select.FlightNo { width:60px;}
.InputAirport select{ width:155px; font-size:11px;}

.TBLSearchBookingReport { width:902px; border-collapse: collapse; font-family: Arial, tahoma;}
.TBLSearchBookingReport td { border-top:1px solid #233371; height:30px; padding:3px 2px; line-height:14px; vertical-align: top;}
.TBLSearchBookingReport td.HeadCOL1 { width:3%;background: #33499f; color:#fff; font-weight:bold; text-align:center;}
.TBLSearchBookingReport td.HeadCOL2 { width:6%;background: #33499f; color:#fff; font-weight:bold; padding-left: 5px;}
.TBLSearchBookingReport td.HeadCOL3 { width:17%;background: #33499f; color:#fff; font-weight:bold; padding-left: 10px;}
.TBLSearchBookingReport td.HeadCOL4 { width:17%;background: #33499f; color:#fff; font-weight:bold; padding-left: 10px;}
.TBLSearchBookingReport td.HeadCOL5 { width:3%;background: #33499f; color:#fff; font-weight:bold; text-align:right; padding-left: 10px;}
.TBLSearchBookingReport td.HeadCOL6 { width:9%;background: #33499f; color:#fff; font-weight:bold; text-align:right; padding-left: 10px;}
.TBLSearchBookingReport td.HeadCOL7 { width:10%;background: #33499f; color:#fff; font-weight:bold; text-align:right;}
.TBLSearchBookingReport td.HeadCOL8 { width:6%;background: #33499f; color:#fff; font-weight:bold; text-align:right;}
.TBLSearchBookingReport td.HeadCOL9 { width:10%;background: #33499f; color:#fff; font-weight:bold; padding-left: 10px;}
.TBLSearchBookingReport td.HeadCOL10 {width:10%;background: #33499f; color:#fff; font-weight:bold;}

.TBLSearchBookingReport td.BodyCOL1 { background:#ffffff; text-align:center;}
.TBLSearchBookingReport td.BodyCOL2 { background:#ffffff; padding-left: 5px;}
.TBLSearchBookingReport td.BodyCOL3 { background:#ffffff; padding-left: 10px;}
.TBLSearchBookingReport td.BodyCOL4 { background:#ffffff; padding-left: 10px;}
.TBLSearchBookingReport td.BodyCOL5 { background:#ffffff; text-align:right;}
.TBLSearchBookingReport td.BodyCOL6 { background:#ffffff; text-align:right;}
.TBLSearchBookingReport td.BodyCOL7 { background:#ffffff; text-align:right;}
.TBLSearchBookingReport td.BodyCOL8 { background:#ffffff; text-align:right;}
.TBLSearchBookingReport td.BodyCOL9 { background:#ffffff; padding-left: 10px;}
.TBLSearchBookingReport td.BodyCOL10 {background:#ffffff;}

/* TBL Agency Account Trasaction Report*/
.AgencyAccountReport { padding:0px 0px 0px 0px; float:left; color:#000; font-family: Arial, tahoma;}
.AgencyAccountReport span.left { float: left; width: 700px; padding: 0px 0px 0px 10px;}
.AgencyAccountReport span.right { float: left; width: 500px; padding: 0px 0px 0px 10px; border-left: 1px solid #056738; }
.AgencyAccountReport li.title { float:left; width:160px; list-style:none; line-height:30px; margin-top:2px;}
.AgencyAccountReport li.detail { float:left; width:450px; list-style:none; line-height:30px; margin-top:2px; }
.AgencyAccountReport select { width:162px; font-size:11px; /*padding:1px; margin:1px;*/}
.AgencyAccountReport input { width:150px; font-size:11px; /*padding:1px; margin:1px;*/}
.AgencyAccountReport input.FlightNo { width:95px;}
.AgencyAccountReport select.FlightNo { width:48px;}

/* TBLFeesReport*/
.TBLFeesReport { width:902px; border-collapse: collapse; font-family: Arial, tahoma;}
.TBLFeesReport td { border-top:1px solid #233371; height:30px; padding:1px 2px; line-height:14px;vertical-align: top; padding-top: 3px;}
.TBLFeesReport td.HeadCOL1 {  width:5%;background: #33499f; color:#fff; font-weight:bold;}
.TBLFeesReport td.HeadCOL2 {  width:30%;background: #33499f; color:#fff; font-weight:bold;}
.TBLFeesReport td.HeadCOL3 {  width:15%;background: #33499f; color:#fff; font-weight:bold;}
.TBLFeesReport td.HeadCOL4 {  width:15%;background: #33499f; color:#fff; font-weight:bold; text-align:right;}
.TBLFeesReport td.HeadCOL5 {  width:35%;background: #33499f; color:#fff; font-weight:bold; text-indent:50px;}

.TBLFeesReport td.BodyCOL1 { background:#ffffff; text-align:center;}
.TBLFeesReport td.BodyCOL2 { background:#ffffff;}
.TBLFeesReport td.BodyCOL3 { background:#ffffff;}
.TBLFeesReport td.BodyCOL4 { background:#ffffff; text-align:right;}
.TBLFeesReport td.BodyCOL5 { background:#ffffff; text-indent:50px;}

/*TBLCreditCardApprovalsReport*/
.TBLCreditCardApprovalsReport { width:902px; border-collapse: collapse;}
.TBLCreditCardApprovalsReport td { border-top:1px solid #233371; height:30px; padding:3px 2px; line-height:14px; vertical-align: top;}
.TBLCreditCardApprovalsReport td.HeadCOL1 {  width:5%;background: #33499f; color:#fff; font-weight:bold; text-align:center;}
.TBLCreditCardApprovalsReport td.HeadCOL2 {  width:12%;background: #33499f; color:#fff; font-weight:bold;}
.TBLCreditCardApprovalsReport td.HeadCOL3 {  width:8%;background: #33499f; color:#fff; font-weight:bold; padding-left: 10px;}
.TBLCreditCardApprovalsReport td.HeadCOL4 {  width:10%;background: #33499f; color:#fff; font-weight:bold; }
.TBLCreditCardApprovalsReport td.HeadCOL5 {  width:18%;background: #33499f; color:#fff; font-weight:bold;}
.TBLCreditCardApprovalsReport td.HeadCOL6 {  width:10%;background: #33499f; color:#fff; font-weight:bold; text-align:right;}
.TBLCreditCardApprovalsReport td.HeadCOL7 {  width:7%;background: #33499f; color:#fff; font-weight:bold; text-align:center;}
.TBLCreditCardApprovalsReport td.HeadCOL8 {  width:12%;background: #33499f; color:#fff; font-weight:bold; }
.TBLCreditCardApprovalsReport td.HeadCOL9 {  width:18%;background: #33499f; color:#fff; font-weight:bold;} 

.TBLCreditCardApprovalsReport td.BodyCOL1 { background:#ffffff; text-align:center;}
.TBLCreditCardApprovalsReport td.BodyCOL2 { background:#ffffff;}
.TBLCreditCardApprovalsReport td.BodyCOL3 { background:#ffffff; padding-left: 10px;}
.TBLCreditCardApprovalsReport td.BodyCOL4 { background:#ffffff; }
.TBLCreditCardApprovalsReport td.BodyCOL5 { background:#ffffff;}
.TBLCreditCardApprovalsReport td.BodyCOL6 { background:#ffffff; text-align:right;}
.TBLCreditCardApprovalsReport td.BodyCOL7 { background:#ffffff; text-align:center;}
.TBLCreditCardApprovalsReport td.BodyCOL8 { background:#ffffff; }
.TBLCreditCardApprovalsReport td.BodyCOL9 { background:#ffffff;}
 
/*TBLPendingPaymentReport*/
.TBLPendingPaymentReport { width:902px; border-collapse: collapse; font-family: Arial, tahoma;}
.TBLPendingPaymentReport td { border-top:1px solid #233371; height:30px; padding:1px 2px; line-height:14px; vertical-align: top; padding-top: 3px;}
.TBLPendingPaymentReport td.HeadCOL1 { width:3%;background: #33499f; color:#fff; font-weight:bold;text-align:center;}
.TBLPendingPaymentReport td.HeadCOL2 { width:5%;background: #33499f; color:#fff; font-weight:bold; padding-left: 5px;}
.TBLPendingPaymentReport td.HeadCOL3 { width:18%;background: #33499f; color:#fff; font-weight:bold;}
.TBLPendingPaymentReport td.HeadCOL4 { width:10%;background: #33499f; color:#fff; font-weight:bold;text-align:right;}
.TBLPendingPaymentReport td.HeadCOL5 { width:10%;background: #33499f; color:#fff; font-weight:bold;text-align:right;}
.TBLPendingPaymentReport td.HeadCOL6 { width:10%;background: #33499f; color:#fff; font-weight:bold;text-align:right;}
.TBLPendingPaymentReport td.HeadCOL7 { width:10%;background: #33499f; color:#fff; font-weight:bold;text-align:right;}
.TBLPendingPaymentReport td.HeadCOL8 { width:10%;background: #33499f; color:#fff; font-weight:bold;text-align:right;}
.TBLPendingPaymentReport td.HeadCOL9 { width:10%;background: #33499f; color:#fff; font-weight:bold; padding-left: 10px;}
.TBLPendingPaymentReport td.HeadCOL10 {width:10%;background: #33499f; color:#fff; font-weight:bold;}

.TBLPendingPaymentReport td.BodyCOL1 { background:#ffffff; text-align:center; vertical-align: top; padding-top: 3px;}
.TBLPendingPaymentReport td.BodyCOL2 { background:#ffffff; vertical-align: top; padding-top: 3px; padding-left:5px}
.TBLPendingPaymentReport td.BodyCOL3 { background:#ffffff; vertical-align: top; padding-top: 3px;}
.TBLPendingPaymentReport td.BodyCOL4 { background:#ffffff; text-align:right; vertical-align: top; padding-top: 3px;}
.TBLPendingPaymentReport td.BodyCOL5 { background:#ffffff; text-align:right; vertical-align: top; padding-top: 3px;}
.TBLPendingPaymentReport td.BodyCOL6 { background:#ffffff; text-align:right; vertical-align: top; padding-top: 3px;}
.TBLPendingPaymentReport td.BodyCOL7 { background:#ffffff; text-align:right; vertical-align: top; padding-top: 3px;}
.TBLPendingPaymentReport td.BodyCOL8 { background:#ffffff; text-align:right; vertical-align: top; padding-top: 3px;}
.TBLPendingPaymentReport td.BodyCOL9 { background:#ffffff; padding-left: 10px; vertical-align: top; padding-top: 3px;}
.TBLPendingPaymentReport td.BodyCOL10 {background:#ffffff;}

/*TBLPendingPaymentReport_new*/
.TBLPendingRefundReport { width:902px; border-collapse: collapse; font-family: Arial, tahoma;}
.TBLPendingRefundReport td { border-top:1px solid #233371; height:30px; padding:1px 2px; line-height:14px;vertical-align: top; padding-top: 3px;}
.TBLPendingRefundReport td.HeadCOL1 { width:3%;background: #33499f; color:#fff; font-weight:bold;}
.TBLPendingRefundReport td.HeadCOL2 { width:7%;background: #33499f; color:#fff; font-weight:bold; padding-left: 5px;}
.TBLPendingRefundReport td.HeadCOL3 { width:20%;background: #33499f; color:#fff; font-weight:bold;}
.TBLPendingRefundReport td.HeadCOL4 { width:8%;background: #33499f; color:#fff; font-weight:bold;text-align:right;}
.TBLPendingRefundReport td.HeadCOL5 { width:8%;background: #33499f; color:#fff; font-weight:bold;text-align:right;}
.TBLPendingRefundReport td.HeadCOL6 { width:8%;background: #33499f; color:#fff; font-weight:bold;text-align:right;}
.TBLPendingRefundReport td.HeadCOL7 { width:8%;background: #33499f; color:#fff; font-weight:bold;text-align:right;}
.TBLPendingRefundReport td.HeadCOL8 { width:8%;background: #33499f; color:#fff; font-weight:bold;text-align:right;}
.TBLPendingRefundReport td.HeadCOL9 { width:10%;background: #33499f; color:#fff; font-weight:bold; padding-left: 10px;}
.TBLPendingRefundReport td.HeadCOL10 {width:20%;background: #33499f; color:#fff; font-weight:bold;}

.TBLPendingRefundReport td.BodyCOL1 { background:#ffffff; text-align:center;}
.TBLPendingRefundReport td.BodyCOL2 { background:#ffffff; padding-left: 5px;}
.TBLPendingRefundReport td.BodyCOL3 { background:#ffffff;}
.TBLPendingRefundReport td.BodyCOL4 { background:#ffffff; text-align:right;}
.TBLPendingRefundReport td.BodyCOL5 { background:#ffffff; text-align:right;}
.TBLPendingRefundReport td.BodyCOL6 { background:#ffffff; text-align:right;}
.TBLPendingRefundReport td.BodyCOL7 { background:#ffffff; text-align:right;}
.TBLPendingRefundReport td.BodyCOL8 { background:#ffffff; text-align:right;}
.TBLPendingRefundReport td.BodyCOL9 { background:#ffffff; padding-left: 10px;}
.TBLPendingRefundReport td.BodyCOL10 {background:#ffffff;}

/*Fee Report*/ 
.FeeReportCover { width:100%; min-height:800px;}
.FeeReportCoverInfo { width:100%; float:left; margin-top:10px; margin-bottom:30px; clear:both;}
.FeeReportCoverInfo .Label { background:#233371; width:100%; line-height:30px; text-indent:10px; color:#fff; float:left; font-weight:bold; font-family: Arial, tahoma; font-size: 14px; border: 1px solid #233371; }

.WrapperFeeReport { width:100%; float:left; margin-bottom:10px; padding :3px 0px 3px 0px; border:1px solid #233371; border-top:none;}
.FeeReport { padding:0px 0px 0px 0px; float:left; color:#000; font-family: Arial, tahoma;}
.FeeReport span.left {float: left; width: 600px; padding: 0px 0px 0px 10px;}
.FeeReport li.title { width:160px; list-style:none; float:left; line-height:30px; margin-top: 2px; }
.FeeReport li.detail { width:440px; list-style:none; float:left; line-height:30px; margin-top: 2px;}
.FeeReport select { font-size:11px; width:150px;}
.FeeReport input { width:150px;}
.FeeReportSaleDate { width:500px; color:#132544; padding:10px 0px 0px 10px; clear:both; float:left;}
.FeeReportSaleDate li.title { width:160px; list-style:none; float:left; line-height:30px; margin-top: 2px;}
.FeeReportSaleDate li.detail { width:320px; list-style:none; float:left; line-height:30px; margin-top: 2px;}



.ImgHeader {
    background: url("../Images/ImgHeader.jpg") no-repeat scroll 0 0 transparent;
    height: 150px;
    width: 920px;
}
div, span, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}
textarea, form, label, list {
    font-family: Arial,tahoma;
}
body {
    color: #000000;
    font-family: Arial,tahoma;
    font-size: 10pt;
    line-height: 15px;
    text-align: left;
}


.ImgHeader {
    background: url("../Images/ImgHeader.jpg") no-repeat scroll 0 0 transparent;
    height: 150px;
    width: 920px;
}
div, span, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}
textarea, form, label, list {
    font-family: Arial,tahoma;
}
body {
    color: #000000;
    font-family: Arial,tahoma;
    font-size: 10pt;
    line-height: 15px;
    text-align: left;
}


.ImgHeader {
    background: url("../Images/ImgHeader.jpg") no-repeat scroll 0 0 transparent;
    height: 150px;
    width: 920px;
}
div, span, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}
textarea, form, label, list {
    font-family: Arial,tahoma;
}
body {
    color: #000000;
    font-family: Arial,tahoma;
    font-size: 10pt;
    line-height: 15px;
    text-align: left;
}
.FeeReport li.detail a,
.AgencyAccountReport li.detail a,
.RefundedTicketReportSaleDate li.detail a,
.IssueTicketReportSaleDate li.detail a,
.FeeReportSaleDate li.detail a {
	font-size: 12px;	
}

/* Custom */
.loadingImage{ background: url(../Images/loading.gif) no-repeat center; margin-top:20px; padding-top:20px; width:80%;}

/* Popup Ticket */
.TBLPopupTicket { background:#233371; width:790px;}
html>/**/body .TBLPopupTicket {
	width: 803px;	
}

.TBLPopupTicket td.header { background:#233371; font-size:18px; font-weight:bold; height:30px; color:#FFFFFF;}

.TBLTicketDetailsHeader{ font-family: Arial, tahoma; font-size:12px; width:100%;}
.TBLTicketDetailsHeader td.textname{ vertical-align:top;width:120px;width:173px;}
.TBLTicketDetailsHeader td.textbold{ font-weight:bold;}
.Tiketbox{ background:#FFFFFF;font-weight:bold; border:1px solid #333333; width:15px; text-align:center; float:left;}
.Tiketbox1{ background:#FFFFFF;font-weight:bold; width:15px; text-align:center; float:left;}

.TBLTicketDetails{ font-family: Arial, tahoma; font-size:12px; width:100%;}
.TBLTicketDetails td.textname{ ; vertical-align:top;}
.TBLTicketDetails td.textbold{ ; font-weight:bold;}

.TBLTicketDetails2{ font-family: Arial, tahoma; font-size:12px; width:100%;}
.TBLTicketDetails2 td{ font-family: Arial, tahoma; font-size:12px; vertical-align:top; text-align:center;}
.TBLTicketDetails2 td.textbold{ font-family: Arial, tahoma; font-size:12px; font-weight:bold;}

.TBLTicketDetails3{ width:100%;}
.TBLTicketDetails3 td{ vertical-align:middle; text-align:center;}
.TBLTicketDetails3 td.textbold{ font-weight:bold;}

.TBLTicketDetails4 { font-family: Arial, tahoma; font-size:12px; width:95%;}
.TBLTicketDetails4 td{ font-family: Arial, tahoma; font-size:12px; vertical-align:middle; text-align:center;}
.TBLTicketDetails4 td.textbold{ font-family: Arial, tahoma; font-size:12px;  font-weight:bold;}

/* TextBox */
.textBox { /*font-family:Arial,Helvetica, Verdana,sans-serif; font-size:11px; height: 15px; padding:5px;*/}
.dropDown { font-family:Arial,Helvetica, Verdana,sans-serif; font-size:11px;}
.Error_Voucher { color:Red;}
.ErrorNoFlights { PADDING: 5px; FONT-WEIGHT: bold; font-size:11px; COLOR: red; FONT-FAMILY:Arial,Helvetica, Verdana,sans-serif; TEXT-ALIGN: center;}

.grid { MARGIN: 3px; font-family:Arial,Helvetica, Verdana,sans-serif; font-size:11px; text-align:left; width:840px;}
.grid table { border-collapse : collapse;}
.grid table th, table td {padding : 1px 2px; border-left:0px; border-right:0px; /* */}
.grid td { height:22px; PADDING-LEFT: 5px; padding : 1px 2px;}
.grid td select, input {font-family: Arial, tahoma; font-size:11px;}
.grid TR.GridHeader TD {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; background: #056738;color:#FFFFFF;}
.grid TR.GridItems0 TD {background:#ffffff;BORDER-TOP:#ffffff 1px solid; vertical-align:middle;}
.grid TR.GridItemsSpace TD {height: 3px;background:#FFFFFF;}

/*Passenger Popup*/
.TBLPopupWrapper { width: 525px; background:#ffffff; padding: 3px; border: solid 1px #978f68;}
.TBLPopupWrapperInside { float: left; width: 515px; background:#ffe8c4; padding: 5px;}	

.TBLPopupTable { width:500px; border-collapse: collapse; margin-top:0px; line-height:20px; margin-left: 7px;}
.TBLPopupTable td {border-bottom:1px solid #FFFFFF;}
.TBLPopupTable td.HeadCOL1 { width:30px; background: #056738; color:#ffffff; font-weight:bold;line-height:20px;}
.TBLPopupTable td.HeadCOL2 { width:100px; background: #056738; color:#ffffff; font-weight:bold;line-height:20px;}
.TBLPopupTable td.HeadCOL3 { width:100px; background: #056738; color:#ffffff; font-weight:bold;line-height:20px;}
.TBLPopupTable td.HeadCOL4 { width:100px; background: #056738; color:#ffffff; font-weight:bold;line-height:20px;}
.TBLPopupTable td.HeadCOL5 { width:90px; background: #056738; color:#ffffff; font-weight:bold;line-height:20px;}
.TBLPopupTable td.HeadCOL6 { width:80px; background: #056738; color:#ffffff; font-weight:bold;line-height:20px;}

.TBLPopupTable td.BodyCOL1 { line-height:14px;background:#F5BC0C;}
.TBLPopupTable td.BodyCOL2 { line-height:14px;background:#F5BC0C;}
.TBLPopupTable td.BodyCOL3 { line-height:14px;background:#F5BC0C;}
.TBLPopupTable td.BodyCOL4 { line-height:14px;background:#F5BC0C;}
.TBLPopupTable td.BodyCOL5 { line-height:14px; background:#F5BC0C;}
.TBLPopupTable td.BodyCOL6 { line-height:14px;background:#F5BC0C;}
.TBLPopupTable td.BodyCOL1 input{ width: 20px;}

.TBLTotalPax { width: 60px; float: right; font-weight: bold; color:#FF0000;}
.TBLTotalPaxLeft { float: left; margin-left: 25px;}
.TBLTotalPaxRight { float: right; margin-right: 10px;}
.ErrorCprofile { float: left; width: 450px; padding: 5px 0px 0px 15px; color: red; height: 15px;}


.InfoBox { width:16px; height:16px; background-image:url(../../../App_Themes/en-us/Images/info.gif); background-repeat:no-repeat; display:inline-block; margin:0px 0px 0px 8px;}
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; background:#2a6ebb; color:#ffffff; line-height:14px; text-align:left;}

div.ajax__calendar_days table tr td
{
  padding-right:0px; padding-left: 0px;}

/* Start Yai add Top Up Report*/
/* TBLAgencyAccountTopUpReport */
.TBLAgencyAccountTopUpReport { width:902px; border-collapse: collapse; font-family: Arial, tahoma;}
.TBLAgencyAccountTopUpReport td { border-top:1px solid #233371; height:30px; padding:3px 2px; line-height:14px; vertical-align: top;}
.TBLAgencyAccountTopUpReport td.HeadCOL1 { width:20px;background: #33499f; color:#fff; font-weight:bold;}
.TBLAgencyAccountTopUpReport td.HeadCOL2 { width:50px;background: #33499f; color:#fff; font-weight:bold;}
.TBLAgencyAccountTopUpReport td.HeadCOL3 { width:50px;background: #33499f; color:#fff; font-weight:bold; text-align: center;}
.TBLAgencyAccountTopUpReport td.HeadCOL4 { width:70px;background: #33499f; color:#fff; font-weight:bold;text-align:right;}
.TBLAgencyAccountTopUpReport td.HeadCOL5 { width:70px;background: #33499f; color:#fff; font-weight:bold; padding-left: 10px;}
.TBLAgencyAccountTopUpReport td.HeadCOL6 { width:70px;background: #33499f; color:#fff; font-weight:bold; padding-left: 5px;}
.TBLAgencyAccountTopUpReport td.HeadCOL7 { width:70px;background: #33499f; color:#fff; font-weight:bold;text-align:right;}
.TBLAgencyAccountTopUpReport td.HeadCOL8 { width:70px;background: #33499f; color:#fff; font-weight:bold;text-align:right;}
.TBLAgencyAccountTopUpReport td.HeadCOL9 { width:70px;background: #33499f; color:#fff; font-weight:bold;text-align:right;}
.TBLAgencyAccountTopUpReport td.HeadCOL10 { width:50px;background: #33499f; color:#fff; font-weight:bold; padding-left: 10px;}
.TBLAgencyAccountTopUpReport td.HeadCOL11 { width:90px;background: #33499f; color:#fff; font-weight:bold;}
.TBLAgencyAccountTopUpReport td.HeadCOL12 { width:auto;background: #33499f; color:#fff; font-weight:bold; padding-right:5px; padding-left: 10px;}

.TBLAgencyAccountTopUpReport td.BodyCOL1 { background:#ffffff; }
.TBLAgencyAccountTopUpReport td.BodyCOL2 { background:#ffffff; }
.TBLAgencyAccountTopUpReport td.BodyCOL3 { background:#ffffff; text-align: center; }
.TBLAgencyAccountTopUpReport td.BodyCOL4 { background:#ffffff; text-align:right;}
.TBLAgencyAccountTopUpReport td.BodyCOL5 { background:#ffffff; padding-left: 10px;}
.TBLAgencyAccountTopUpReport td.BodyCOL6 { background:#ffffff; padding-left: 5px;}
.TBLAgencyAccountTopUpReport td.BodyCOL7 { background:#ffffff; text-align:right;}
.TBLAgencyAccountTopUpReport td.BodyCOL8 { background:#ffffff; text-align:right;}
.TBLAgencyAccountTopUpReport td.BodyCOL9 { background:#ffffff; text-align:right;}
.TBLAgencyAccountTopUpReport td.BodyCOL10 { background:#ffffff; padding-left: 10px;}
.TBLAgencyAccountTopUpReport td.BodyCOL11 { background:#ffffff; }
.TBLAgencyAccountTopUpReport td.BodyCOL12 { background:#ffffff; padding-left: 10px;}
/* End Yai add Top Up Report*/

/* Start Yai add Transaction Report*/
/* TBLAgencyAccountTopUpReport */
.TBLAgencyAccountTransactionsReport { width:902px; border-collapse: collapse; font-family: Arial, tahoma;}
.TBLAgencyAccountTransactionsReport td { border-top:1px solid #233371; height:30px; padding:1px 2px; line-height:14px; }
.TBLAgencyAccountTransactionsReport td.HeadCOL1 { width:0%;background: #33499f; color:#fff; font-weight:bold;}
.TBLAgencyAccountTransactionsReport td.HeadCOL2 { width:20%;background: #33499f; color:#fff; font-weight:bold;}
.TBLAgencyAccountTransactionsReport td.HeadCOL3 { width:10%;background: #33499f; color:#fff; font-weight:bold;}
.TBLAgencyAccountTransactionsReport td.HeadCOL4 { width:20%;background: #33499f; color:#fff; font-weight:bold;}
.TBLAgencyAccountTransactionsReport td.HeadCOL5 { width:15%;background: #33499f; color:#fff; font-weight:bold;text-align:right;}
.TBLAgencyAccountTransactionsReport td.HeadCOL6 { width:15%;background: #33499f; color:#fff; font-weight:bold;text-align:right;}
.TBLAgencyAccountTransactionsReport td.HeadCOL7 { width:20%;background: #33499f; color:#fff; font-weight:bold;padding-right:5px;text-align:right;}

.TBLAgencyAccountTransactionsReport td.BodyCOL1 { background:#ffffff; }
.TBLAgencyAccountTransactionsReport td.BodyCOL2 { background:#ffffff; }
.TBLAgencyAccountTransactionsReport td.BodyCOL3 { background:#ffffff; }
.TBLAgencyAccountTransactionsReport td.BodyCOL4 { background:#ffffff; }
.TBLAgencyAccountTransactionsReport td.BodyCOL5 { background:#ffffff; text-align:right;}
.TBLAgencyAccountTransactionsReport td.BodyCOL6 { background:#ffffff; text-align:right;}
.TBLAgencyAccountTransactionsReport td.BodyCOL7 { background:#ffffff; padding-right:5px;text-align:right;}
/* End Yai add Transaction Report*/

/************* ErrorBox B2C *******************/
.ErrorBox { z-index:1002;width: 380px; padding: 0px 20px; border: 1px solid #233371; background: #ffffff;} 
.ErrorBoxHeader { width: 100%; height: 10px; }
.ErrorBoxMid { width: 144px; height: 118px; background: url(../Images/logo.gif) no-repeat; margin: 0px 0px 15px 120px;}
.ErrorBoxBot { width: 360px; float: left; padding: 10px 10px; font-weight: bold; color:#000000; /* */ height: 120px; overflow: auto; margin: 0px 0px 10px 0px; border: 1px solid #e5e5e5; text-align: left;}
.ButtonError { padding-right: 10px; margin:0px auto; float: right;}
.ErrorBoxFooter { width: 100%; height: 10px; }
.ErrorBoxBg { width: 100%; padding: 0px; margin: 0px;}
.ButtonError { padding-left: 140px; margin:0px auto; height: 42px;}

.errortextbox { width: 200px; background: yellow; border: 1px solid #0000ff;}
.DisableWindow {left: 0; position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background:#ffffff;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}

.EmailConfirm { background: #ffffff; border: 1px solid #233371; width: 380px; padding: 15px 10px; /**/}
.EmailConfirmBg {width: 80%; padding-left: 69px; font-weight: bold; margin: 0px;}
.EmailConfirm input { width: 180px; padding: 5px; margin-left: 10px; font-size: 10pt;}
.ButtonEmailBox { margin: 10px 0px 0px 50px;}
.ButtonEmailSend { float: left; margin-right: 5px;}

/***************** new css from B2C **********************/
/* Fare Calender */
.LowFareBTN {width:580px;}
.FareCalender { /*WIDTH: 560px;*/ width:auto; float:left; margin:15px 0px 15px 15px;}
.LabAvailabilityFights {FONT-WEIGHT: bold; FONT-SIZE: 12px; VERTICAL-ALIGN: middle; LINE-HEIGHT: 70px; font-family: Arial, tahoma; TEXT-ALIGN: left;}
.FareCalender .LabAvailabilityFights span { color:#c5112c;}

.CalenderBase {PADDING-BOTTOM: 5px; /*WIDTH: 553px;*/ width:auto;}
.MonthNameCssClass {FONT-WEIGHT: bold; FONT-SIZE: 14px; VERTICAL-ALIGN: middle; COLOR:#ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; background: url(../Images/lowestfare_monthbg.jpg) no-repeat; width: 555px; height: 27px; padding-left: 20px; padding-top: 5px; line-height:22px;}
.MonthNameCssClass div.Left { width:auto; float:left;}
.MonthNameCssClass div.Right { width:auto; float:left; padding-left:10px; color:#f9d43d;}

.CalenderControl { margin-top: 10px;}
.FareCalenderCssClass { width:auto; background:#ffffff; border-collapse:collapse;}
.FareCalenderCssClass td { border:2px solid #ffffff;}
.FareCalenderCssClass td.DayCssClass { background: url(../Images/lowestfare_daybg.jpg) no-repeat; width: 80px; height: 20px; color:#ffffff; text-align: center; padding-top: 9px;}
.FareCalenderCssClass td span.DateCss { padding:10px; margin:0px; color:#132544; text-align:right; float:right; width: 60px; height:15px;}
.FareCalenderCssClass td span { padding:0px; margin:0px;}

.FareCalenderCssClass td { BACKGROUND:#dde1e7; height:55px; WIDTH: 80px; color:#132544; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; padding:0px; margin:0px;}
.FareCalenderCssClass td span.DataCssClass { float:left; background:#aab5c2; color:#ffffff; text-align:center; height:20px; width:100%; line-height:20px;}

/************ LowFareFinder *****************/
.FareCalenderCssClass td.Select { BACKGROUND:#f9e180; height:55px; WIDTH:80px; color:#132544; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; padding:0px; margin:0px;}
.FareCalenderCssClass td span.DataCssClass-Select { float:left; background:#F5BC0C; color:#cc0000; text-align:center; height:20px; width:100%; line-height:20px; font-weight:bold;}

.FareCalenderCssClass td A { text-decoration: none; height:55px; WIDTH:80px; padding:0px; margin:0px;}
.FareCalenderCssClass td A:link { text-decoration:none;}
.FareCalenderCssClass td A:visied { text-decoration:none;}
.FareCalenderCssClass td A:hover { text-decoration:none; cursor:pointer; border:1px solid #CC0000; display:block; height:55px; WIDTH:80px; margin:-1px; padding:0px; *position:absolute;}
.FareCalenderCssClass td A:active { text-decoration:none;}
.FareCalenderCssClass td input { float: left; padding-top: 7px; display:none;}

.LowLeft { float:left; width:180px; color:#132544;}
.LowOut, .LowBack { padding:20px 0px 0px 70px; margin-top:10px; clear:both; font-size:12px; font-weight:bold; line-height:25px;}
.LowOut { background:url(../Images/flyout.jpg) no-repeat;}
.LowBack { background:url(../Images/flyreturn.jpg) no-repeat;}
.LowDetail { clear:both; font-weight:normal; width:100%; border-bottom:#879db0 dashed 2px; color:#879db0; margin-bottom:10px; padding-bottom:10px;}
.GrayArrow { width:40px; height:40px; margin:0px auto; background:url(../Images/arrow-down.gif) center;}
.LowAirport { clear:both; font-weight:bold; width:100%; text-align:center;}

/**************** new step 2 ****************/
.WrapperStep {width:980px; height:20px; margin:0px auto;}
.WrapperStep div {float:left; width:230px; height:20px; padding-left:15px; font-size:14px; font-weight:bold; line-height:20px;}

.WrapperStepB2B {width:980px; height:20px; margin:10px auto; margin-bottom:20px;}
.WrapperStepB2B div {float:left; width:230px; height:20px; padding-left:15px; font-size:14px; font-weight:bold; line-height:20px;}

.StepActive {background:url(../Images/step_active.jpg) no-repeat; color:#00ace3;}
.StepFuture {background:url(../Images/step_future.jpg) no-repeat; color:#FFFFFF;}
.FlightDetail {width:970px; height:20px; margin:10px auto; margin-top:0px; font-size:12px; font-weight:bold; line-height:20px; color:#FFFFFF; background: #056738; padding-left:15px;}

.Fare7Days {/*width:990px;*/}
.Fare7Days .Left { float:left; width:620px; margin-bottom:10px;}
.Fare7Days .Right { float:right; width:620px; margin-bottom:10px;}

/**************** TABLE ****************/
.SelectDays { width:620px; padding-bottom:5px; clear:both;}
.GrayLine { width:620px; border:#dddddd 1px solid;}
.SelectFlight {/*width:100%;*/ width:620px; border-collapse:collapse;}
.SelectFlight td {width:20%; border:2px #ffffff solid; margin:0px; padding:0px; vertical-align:top;}
.blank {background:#FFFFFF;}

.SelectFlight tr.normal {background:#DDE1E7;}
.SelectFlight tr.normal td.blank {background:#FFFFFF; vertical-align:top;}

.SelectFlight tr.active 				{background:#ffeb6f;}
.SelectFlight tr.active td.blank 		{background:#FFFFFF;}
.SelectFlight tr.active td.blank div 	{background:#F5BC0C; color:#0066cc;}
.SelectFlight tr.active td.DaySelect 	{background:#F5BC0C;}
.SelectFlight tr.active td.DaySelect div{background:#F5BC0C; color:#0066cc;}

.SelectFlight tr.active td.click 		{background:#F5BC0C;}

.SelectFlight td.active 				{background: #056738; color:#FFFFFF;}
.SelectFlight td.active .FareType 		{color:#FFFFFF;}
.SelectFlight td.active .FareTypeDetail {color:#FFFFFF;}
.SelectFlight td.active .FareTypeInfo a {color:#FFFFFF;}
.SelectFlight td.active-arrow 			{background:url(../Images/fare_select.jpg) top center no-repeat; height:15px;}
.SelectFlight td.active-checked 		{background:#F5BC0C;}
.SelectFlight td.active .ShowFare		{color:#FFFFFF;}

.SelectFlight .GO, .SelectFlight .BACK {font-size:16px; font-weight:bold; line-height:normal; vertical-align:top; height:80px; padding:5px 0px 0px 40px; color:#00ace3;}
.SelectFlight .GO {background:url(../Images/flygo.jpg) top left no-repeat;}
.SelectFlight .BACK {background:url(../Images/flyback.jpg) top left no-repeat;}

.DayTop a, .DayBottom a {line-height:25px; font-size:11px; font-weight:normal; color:#132544; padding-left:25px;}
.DayTop 				{background:url(../Images/day_top.jpg) top left no-repeat; display:none;}
.DayBottom 				{background:url(../Images/day_bottom.jpg) top left no-repeat;}

/******** Edit section **********/
.FareType 				{font-size:16px; font-weight:bold; vertical-align:top; color:#00ace3; height:15px; padding:5px;}
.FareTypeDetail 		{font-size:10px; color:#888888; line-height:12px; height:120px;}
.FareTypeDetail ul 		{padding:0px; margin:0px 5px;}
.FareTypeDetail ul li 	{padding:0px; margin:0px; list-style:disc; list-style-position:inside;}
.FareTypeInfo 			{background:url(../Images/fare_info.jpg) top left no-repeat; padding-left:25px; margin-left:5px;}
.FareTypeInfo a 		{line-height:25px; font-size:11px; font-weight:normal; color:#132544;}
/********************************/

.LineTop		{border-top:#dddddd 1px solid; clear:both; margin-bottom:2px;}
.LineTop5		{height:5px; border-top:#dddddd 1px solid; clear:both;}
.LineBottom20	{height:20px; border-bottom:#dddddd 1px solid; clear:both;}

.Day			{float:left; width:20%; font-size:12px; font-weight:bold; padding:2px; text-align:center; color:#777777; /*border-right:#ffffff 2px solid;*/}
.DayRight 		{float:right; width:70%; color:#888888; padding-left:3px;}
.DayRightDate 	{font-size:11px; font-style:italic; line-height:20px;}
.DayRightTime 	{font-size:13px; font-weight:bold; display:inline-block;}
.DayRightRute	{font-size:11px; font-style:italic; line-height:20px;}

.ShowFare 		{height:20px; font-size:14px; font-weight:bold; padding:18px 10px; color:#132544;}
.ShowFare input {width:auto; height:auto; float:left;}
.ShowFare span 	{float:right; line-height:20px;}

.SearchFare		{width:360px; float:right; background:#dde1e7; border:#cccccc 1px solid; color:#132544; margin-top:25px; padding-bottom:10px;}
.SearchFare div.header 	{margin:10px 10px 0px 10px; border-bottom:1px dashed #132544; line-height:20px;}
.header-left			{float:left; font-weight:bold; font-size:12px; margin-bottom:5px;}
.header-right			{float:right; font-weight:bold; font-size:12px; margin-bottom:5px;}
.header-BTN				{float:right; margin:0px 0px 5px 10px;}

.SearchFare div.detail	{margin:10px 10px 5px 10px;}
.detail-left			{float:left; width:100%; /*padding-right:1%; background:url(../Images/fare_bg.gif) repeat-y right top;*/}
.detail-right			{float:right; /*width:49%; padding-left:1%;*/}
.fare-bold				{font-weight:bold; display:block;}
.fare-normal			{font-weight:normal; display:block;}
.fare-line				{border-bottom:1px dashed #132544; display:block;}
.fare-line span.left	{float:left;}
.fare-line span.right	{float:right; text-align:right;}
.fare-line span.leftB	{float:left; font-weight:bold;}
.fare-line span.rightB	{float:right; text-align:right; font-weight:bold;}

.InfoHeader		{font-size:16px; font-weight:bold; color:#132544; height:20px; text-indent:10px; display:none;}
.InfoDetail		{font-size:12px; font-weight:normal; color:#132544; height:20px; text-indent:10px; display:none;}
.TBLFareInfo	{width:98%; border-collapse:collapse; margin:0px auto; border:1px solid #7f9db9;}
.TBLFareInfo td	{padding:5px; color:#132544; font-size:11px; line-height:normal; border:1px solid #7f9db9; vertical-align:top;}
.TBLFareInfo td.Header	 {font-weight:bold;}
.TBLFareInfo td.HeadCOL1 {width:25%; background:#F5BC0C; font-weight:bold; text-align:center; font-size:12px;}
.TBLFareInfo td.HeadCOL2 {width:25%; background:#F5BC0C; font-weight:bold; text-align:center; font-size:12px;}
.TBLFareInfo td.HeadCOL3 {width:25%; background:#F5BC0C; font-weight:bold; text-align:center; font-size:12px;}
.TBLFareInfo td.HeadCOL4 {width:25%; background:#F5BC0C; font-weight:bold; text-align:center; font-size:12px;}

.TBLFareInfo td.BodyCOL1 {background:#efefef;}
.TBLFareInfo td.BodyCOL2 {background:#efefef;}
.TBLFareInfo td.BodyCOL3 {background:#efefef;}
.TBLFareInfo td.BodyCOL4 {background:#efefef;}

/******** Pax Detail **********/
ul.PaxGroup			{/*height:20px; width:633px; margin:0px 357px 0px 0px;*/ margin:0px; padding:0px; /*float:right;*/}
ul.PaxGroup li		{/*height:20px;*/ width:60px; float:right; line-height:20px;text-align:center; margin:10px 0px 0px 1px; padding:0px; cursor:pointer; list-style:none;}
ul.PaxGroup li.in	{color:#ffffff; background:url(../Images/paxG1.gif) left top no-repeat; line-height: 30px; font-family: Arial, tahoma;} 
ul.PaxGroup li.out	{color:#ffffff; background:url(../Images/paxG2.gif) left top no-repeat; line-height: 30px; font-family: Arial, tahoma;} 

.LeftPax			{float:left; width:630px; margin-top: 10px; }
.LeftPaxPassenger  {float:left; width:630px;border: 1px solid #233371; padding-bottom: 10px;}
.LeftPaxHeader   {float: left; width: 100%; line-height: 30px; text-indent: 10px; margin-bottom: 10px; background: #233371; font-weight:bold; color:#fff; font-size: 14px; }
.SSRright 			{float:left; width:630px; border:#233371 1px solid; margin-top: 10px; }

.PaxAll				{float:left; width:115px; margin: 10px 0px 0px 16px}
.PaxAll ul			{margin:0px; padding:0px; list-style:none; clear:both;}
.PaxAll	li			{margin:0px; padding:5px 0px 0px 25px; height:55px; color:#ffffff; border-bottom:1px solid #ffffff; }
.PaxAll	li a		{color:#FFFFFF; text-decoration:none;}
.PaxAll	li a:hover	{text-decoration:underline;}
li.disable a		{color:#999999;}

ul.PaxAdult			{ margin:0px; padding:0px;}
ul.PaxAdult li.active		{background:url(../Images/adult.png) top left no-repeat #33499f;}
ul.PaxAdult li.disable		{background:url(../Images/adult_disable.png) top left no-repeat #b0b0b0;}
ul.PaxAdult li.disable a  { color: #ffffff;}

ul.PaxChildren		{margin:0px; padding:0px;}
ul.PaxChildren li.active	{background:url(../Images/child.png) top left no-repeat #33499f;}
ul.PaxChildren li.disable	{background:url(../Images/child_disable.png) top left no-repeat #b0b0b0;}
ul.PaxChildren li.disable a  { color: #ffffff;}

ul.PaxInfant		{margin:0px; padding:0px;}
ul.PaxInfant li.active		{background:url(../Images/infant.png) top left no-repeat #33499f;}
ul.PaxInfant li.disable		{background:url(../Images/infant_disable.png) top left no-repeat #b0b0b0;}
ul.PaxInfant li.disable a  { color: #ffffff;}

ul.PaxDetail1			{margin:0px; padding:0px; list-style:none;}
ul.PaxDetail1 li   {padding: 0px; margin: 0px;}
ul.PaxDetail1 li.top {float:right; width:484px; height: 23px; background: url(../Images/paxdetail-top.jpg) no-repeat;}
ul.PaxDetail1 li.middle {float:right; width:484px; background: #33499f;}
ul.PaxDetail1 li.bottom {float:right; width:484px; height: 23px; background: url(../Images/paxdetail-bot.jpg) no-repeat;}

ul.PaxDetail1			{float:right; width:484px; margin:0px 15px 0px 0px; list-style:none; border-bottom:none;}
ul.PaxDetail2			{float:right; width:630px; margin:0px; list-style:none; padding: 0px;}
ul.PaxDetail3			{float:right; width:466px; background:#dde1e7; border:#cccccc 1px solid; padding:0px 20px 20px 20px; margin:0px; list-style:none; border-top:none;}

ul.PaxDetail1 li.header1	{font-size:13px; font-weight:bold; line-height:20px; color:#132544; border-bottom:#132544 2px solid; padding-bottom:10px; margin-bottom:15px; clear:both;}
ul.PaxDetail2 li.header2	{font-size:14px; font-weight:bold; line-height:30px; color:#fff; clear:both; background: #233371; text-indent: 10px;}
ul.PaxDetail3 li.header3	{font-size:13px; font-weight:bold; line-height:20px; color:#132544; border-bottom:#132544 2px solid; padding:0px 0px 10px 0px; margin-bottom:15px; clear:both;}

.star			{color:#ff0000; font-size:10px; text-align:right; line-height:20px; list-style:none;}
.red			{color:#FF0000;}
.BTNbottomSSR	{width:510px; float:left;}
input.CheckSeat {width:auto; padding:0px; margin:10px 10px 0px 20px; float:left; display:none;}
.CheckSeattext 	{font-size:11px; font-weight:bold; color:#132544; line-height:35px; float:left; display:none;}

.PaxDetailName			{width:460px; background: #ffffff; margin: 0px 12px; }
.PaxDetailName td		{line-height:35px; padding:0px 3px; color:#132544; font-size: 10pt;}
.PaxDetailName td div	{display:inline;}
.PaxDetailName td.HeadCOL1 {width:33%; color:#000; text-indent: 5px; line-height: 20px;}
.PaxDetailName td.HeadCOL2 {width:33%; color:#000; text-indent: 5px; line-height: 20px;}
.PaxDetailName td.HeadCOL3 {width:33%; color:#000; text-indent: 5px; line-height: 20px;}

.PaxDetailName td.BodyCOL1 			{line-height:30px; vertical-align:top; padding-bottom: 5px; }
.PaxDetailName td.BodyCOL1 select	{width:127px; padding: 5px; margin-left: 5px; padding-bottom: 5px;}
.PaxDetailName td.BodyCOL2 			{line-height:30px; vertical-align:top; padding-bottom: 5px;}
.PaxDetailName td.BodyCOL2 select	{width:127px; padding: 5px; margin-left: 5px; padding-bottom: 5px;}
.PaxDetailName td.BodyCOL3 			{line-height:30px; padding-bottom: 5px;}


.PaxDetailName select		{color:#000; padding:0px; margin:0px; font-size: 10pt; line-height: 22px;}
.PaxDetailName input		{margin:0px; width:115px; font-size: 10pt; margin-left: 5px; padding: 5px; float: left; font-family: Arial, tahoma;}
.PaxDetailName span.red   { float: left; padding-left: 5px;}

.PaxServiceName				{width:140px; float:left; background:#ffffff; border:#132544 1px solid;}
.PaxServiceName td			{line-height:30px; padding:0px 10px; color:#132544; vertical-align:top; font-size:11px;}
.PaxServiceName td.HeadCOL1 {background:#F5BC0C; font-weight:bold;}
.PaxServiceName td.BodyOL1	{height:auto;}
.PaxServiceName select		{vertical-align:top; height:297px; width:120px; padding:0px; margin:10px 0px; font-size:12px; border:#bbbbbb 1px solid; color:#132544;}

.PaxServiceDetail			{width:/*466px*/100%; background:#ffffff;}
.PaxServiceDetail td		{height:30px; padding:0px 3px; vertical-align:middle; text-align:right; line-height:12px;}
.PaxServiceDetail td.HeadCOL1 {width:25%; background:#33499f; color:#fff; font-weight:bold; text-align:left; padding-left: 10px;}
.PaxServiceDetail td.HeadCOL2 {width:16%; background:#33499f; color:#fff; font-weight:bold;}
.PaxServiceDetail td.HeadCOL3 {width:12%; background:#33499f; color:#fff; font-weight:bold;}
.PaxServiceDetail td.HeadCOL4 {width:auto; background:#33499f; color:#fff; font-weight:bold;}
.PaxServiceDetail td.HeadCOL5 {width:25%; background:#33499f; color:#fff; font-weight:bold;}

.PaxServiceDetail td.BodyCOL1 	{ border-top:#233371 1px solid; text-align:left; padding-left: 10px;}
.PaxServiceDetail td.BodyCOL2 	{ border-top:#233371 1px solid;}
.PaxServiceDetail td.BodyCOL3 	{ border-top:#233371 1px solid;}
.PaxServiceDetail td.BodyCOL4 	{ border-top:#233371 1px solid;}
.PaxServiceDetail td.BodyCOL5 	{ border-top:#233371 1px solid;}
.PaxServiceDetail select		{ border:#bbbbbb 1px solid; color:#132544; padding:3px; width: 50px; margin:0px; float:right;}

.TextRedSSR {color:#ff0000; float:left; width:100%; clear:both; margin-top:10px;}
.ButtonPassengerDetail {float:left; width:630px; margin-top:10px; clear:both;}
.CheckSeat {width:612px; padding-left:140px; font-size:12px; font-weight:bold; line-height:40px; color:#132544;}
input.L20R10 {width:auto; padding:0px; margin:1px 10px 0px 20px;}

.InsLogo					{width:106px; height:31px; background:url(../Images/Mondial.jpg) no-repeat; float:right;}
.TBLInsurance 				{width:/*466px*/100%; background:#ffffff; border:#132544 1px solid;}
.TBLInsurance td			{height:30px; color:#132544; vertical-align:middle; font-size:11px;}
.TBLInsurance td.HeadCOL1	{background:#F5BC0C; font-weight:bold; padding:0px 10px;}
.TBLInsurance td.BodyCOL1 	{line-height:15px; padding:10px;}
.Insurance1					{font-weight:normal; display:block; padding-bottom:5px;}
.InsuranceList				{font-weight:normal; display:block; text-indent:5px; padding-top:5px;}
input.choose				{width:13px; height:13px; padding:0px; float:left; margin:0px 0px 0px 30px;}
input.check 				{width:13px; height:13px; padding:0px; float:left; margin:0px 10px 0px 30px;}
.Insurance2					{font-weight:normal; display:inline; text-indent:5px; padding-top:10px;}
.Insurance3					{font-weight:bold; display:inline;}
.InsCost					{font-weight:normal; display:inline;}
.InsTerms					{padding:10px 0px;}

ul.BTNright				{float:right; list-style:none; margin:0px; padding:0px; height:20px; width:auto;}
ul.BTNright li.Left 	{background: url(../Images/cornerleft.gif); height:20px; width:10px; float:left;}
ul.BTNright li.Right 	{background: url(../Images/cornerright.gif); height:20px; width:10px; float:left;}
ul.BTNright li.Middle 	{background: url(../Images/cornermid.gif) repeat-x; line-height:20px; float:left; color:#132544; font-size:11px; cursor: pointer; font-weight:bold;}

ul.BTNleft				{float:left; list-style:none; margin:0px; padding:0px; height:20px; width:auto;}
ul.BTNleft li.Left 		{background: url(../Images/cornerleft.gif); height:20px; width:10px; float:left;}
ul.BTNleft li.Right 	{background: url(../Images/cornerright.gif); height:20px; width:10px; float:left;}
ul.BTNleft li.Middle 	{background: url(../Images/cornermid.gif) repeat-x; line-height:20px; float:left; color:#132544; font-size:11px; cursor: pointer; font-weight:bold;}

ul.BTNseatL 			{list-style:none; margin:10px 0px; padding:0px; line-height:normal; float:left; display:inline-block; height:20px; width:auto;}
ul.BTNseatL li.Left 	{background: url(../Images/cornerleft.gif); height:20px; width:10px; float:left;}
ul.BTNseatL li.Right 	{background: url(../Images/cornerright.gif); height:20px; width:10px; float:left;}
ul.BTNseatL li.Middle 	{background: url(../Images/cornermid.gif) repeat-x; line-height:20px; float:left; color:#132544; font-size:12px; cursor: pointer; font-weight:bold; padding:0px 5px;}

ul.BTNseatM 			{margin:10px 0px 10px 100px;}
ul.BTNseatM 			{list-style:none; /*margin:10px 0px;*/ padding:0px; line-height:normal; float:left; display:inline-block; height:20px; width:auto;}
ul.BTNseatM li.Left 	{background: url(../Images/cornerleft.gif); height:20px; width:10px; float:left;}
ul.BTNseatM li.Right 	{background: url(../Images/cornerright.gif); height:20px; width:10px; float:left;}
ul.BTNseatM li.Middle 	{background: url(../Images/cornermid.gif) repeat-x; line-height:20px; float:left; color:#132544; font-size:12px; cursor: pointer; font-weight:bold; padding:0px 5px;}

ul.BTNseatR 			{list-style:none; margin:10px 0px; padding:0px; line-height:normal; float:right; display:inline-block; height:20px; width:auto;}
ul.BTNseatR li.Left 	{background: url(../Images/cornerleft.gif); height:20px; width:10px; float:left;}
ul.BTNseatR li.Right 	{background: url(../Images/cornerright.gif); height:20px; width:10px; float:left;}
ul.BTNseatR li.Middle 	{background: url(../Images/cornermid.gif) repeat-x; line-height:20px; float:left; color:#132544; font-size:12px; cursor: pointer; font-weight:bold; padding:0px 5px;}

.RulesBoxNew 			{float:right; width:190px; background:#dde1e7; border:#cccccc 1px solid; padding:10px; margin:0px; text-align:right;}
.RulesBoxNew .header	{font-size:13px; font-weight:bold; line-height:20px; color:#132544; border-bottom:#132544 2px solid; padding-bottom:10px; margin-bottom:15px;}
.RulesBoxNew .test		{font-size:11px; color:#132544;}

.PaxPayment1			{float:left; width:720px; background:#dde1e7; border:#cccccc 1px solid; padding:10px 20px 20px 20px; margin:0px;}
.PaxPayment1 .header1	{font-size:13px; font-weight:bold; line-height:20px; color:#132544; border-bottom:#132544 2px solid; padding-bottom:10px; margin-bottom:15px;}

.TBLPaxPayment1			{width:720px; background:#ffffff; border:#132544 1px solid; font-size:12px;}
.TBLPaxPayment1 td		{line-height:22px; padding:2px 5px; color:#132544;}
.TBLPaxPayment1 td.HeaderCOL1	{width:100%;background: #056738; font-weight:bold; color:#FFFFFF;}
.TBLPaxPayment1 td.HeadCOL1 	{width:30%; background:#F5BC0C; font-weight:bold;}
.TBLPaxPayment1 td.HeadCOL2 	{width:40%; background:#F5BC0C; font-weight:bold;}
.TBLPaxPayment1 td.HeadCOL3 	{width:30%; background:#F5BC0C; font-weight:bold;}

.TBLPaxPayment1 td.BodyCOL1 	{font-size:12px;}
.TBLPaxPayment1 td.BodyCOL2 	{font-size:12px;}
.TBLPaxPayment1 td.BodyCOL3 	{font-size:12px;}
.TBLPaxPayment1 input			{font-size:12px; border:#bbbbbb 1px solid; color:#132544; padding:1px; margin:0px; width:220px;}

ul.PaymentType			{font-size:12px; font-weight:bold; color:#132544; padding:0px; margin:0px 0px 15px 0px; list-style:none; text-align:center; line-height:20px;}
ul.PaymentType input	{width:25px; height:auto; padding:0px; margin:0px; vertical-align:middle;}
ul.PaymentType li.left	{float:left; width:45%;}
ul.PaymentType li.right	{float:left; width:45%;}
ul.PaymentType li.w100	{width:100%; text-align:left;}
.PaymentTypeText		{font-size:12px; font-weight:normal;}

.TBLPaxPaymentInfo			{width:720px; background:#ffffff; border:#132544 1px solid; font-size:12px;}
.TBLPaxPaymentInfo td		{line-height:22px; padding:2px 5px; color:#132544;}
.TBLPaxPaymentInfo td.HeaderCOL1	{width:100%;background: #056738; /*border:#132544 1px solid; border-left:none; border-right:none;*/ font-weight:bold; color:#FFFFFF;}
.TBLPaxPaymentInfo td.HeaderCOL2	{width:100%;background:#F5BC0C; /*border:#132544 1px solid; border-left:none; border-right:none;*/ font-weight:bold; color:#132544; text-align:center;}

.TBLPaxPaymentInfo td.HeadCOL1 	{width:20%; background:#F5BC0C; font-weight:bold;}
.TBLPaxPaymentInfo td.HeadCOL2 	{width:30%; background:#F5BC0C; font-weight:bold;}
.TBLPaxPaymentInfo td.HeadCOL3 	{width:20%; background:#F5BC0C; font-weight:bold;}
.TBLPaxPaymentInfo td.HeadCOL4 	{width:30%; background:#F5BC0C; font-weight:bold;}

.TBLPaxPaymentInfo td.BodyCOL1 	{width:20%; font-size:12px;}
.TBLPaxPaymentInfo td.BodyCOL2 	{width:30%; font-size:12px;}
.TBLPaxPaymentInfo td.BodyCOL3 	{width:20%; font-size:12px;}
.TBLPaxPaymentInfo td.BodyCOL4 	{width:30%; font-size:12px;}
.TBLPaxPaymentInfo input			{font-size:12px; border:#bbbbbb 1px solid; color:#132544; padding:1px; margin:0px; width:200px;}
.TBLPaxPaymentInfo select			{font-size:12px; border:#bbbbbb 1px solid; color:#132544; padding:0px; margin:0px; width:204px; font-size:11px; height:20px;}
.TBLPaxPaymentInfo td.TotalCredit	{font-size:12px; font-weight:bold; color:#FFFFFF; background:#2f628f; text-align:right;}
.TBLPaxPaymentInfo td.TotalCredit .title	{float:right; width:300px;}
.TBLPaxPaymentInfo td.TotalCredit .detail	{float:right; width:100px;}
.CDClogo {width:176px; height:24px; background:url(../Images/creditcards.gif) no-repeat;}
select.w55 {width:55px;}
input.w90 {width:90px;}
select.w90 {width:90px;}

.BTNbottom 				{width:760px; font-size:12px; font-weight:bold; line-height:40px; color:#132544; padding:10px 0px;}
ul.BTNyellow 			{padding:0px; margin:0px; list-style:none;}
ul.BTNyellow li.Left 	{background: url(../Images/cornerleft.gif); height:20px; width:10px; float:left;}
ul.BTNyellow li.Right 	{background: url(../Images/cornerright.gif); height:20px; width:10px; float:left;}
ul.BTNyellow li.Middle 	{float:left; color:#132544; background: url(../Images/cornermid.gif) repeat-x; height:20px; font-size:12px; cursor: pointer; font-weight:bold; padding:2px 5px; line-height:normal;}

ul.Terms				{padding:0px; margin:20px 0px 0px 0px; list-style:none; font-size:12px;}
ul.Terms li.header		{font-size:12px; font-weight:bold; color:#FFFFFF; background:#2f628f; padding:0px 5px; line-height:26px;}
ul.Terms li.detail input{width:25px; height:auto; margin:0px; padding:3px 0px 0px 0px;}
ul.Terms li.detail		{border:1px solid #2f628f; color:#132544; background:#ffffff; line-height:36px;}
ul.Terms li.detail a	{color:#132544; text-decoration:underline;}

/*********************** html popup **************************/
.TBLPopUp { float: left; width: 500px; background: url(../Images/logo.gif) no-repeat; color:#000; }
.TBLPopup td { padding:0px; line-height:15px; }
td.Padding10 {padding:15px;}
td.Padding10 input {width:auto;}

.TBLPopUp .mainlogo {
	margin-bottom: 15px;
	height: 114px;	
}

.PopupHeader,
td.PopupHeader { padding:0px 20px 20px 20px; font-weight:bold; font-size: 14px; }

.PopupContent,
td.PopupContent { padding:0px 20px 7px 20px; line-height:16px; font-size: 10pt; }
td.PopupContentSecurity { padding:0px 20px; line-height:16px; font-size: 10pt;}
td.PopupHeadTerm { padding:0px 10px ; line-height:normal; font-size:12px; font-weight:bold;}
td.PopupHeadOnline { padding:0px 10px ; line-height:normal; font-size:15px; font-weight:bold;}
td.PopupContentTerm { padding:0px 10px ; line-height:normal; font-size:11px;}
.Margin10 {margin:10px;}
td.Line {height:6px; padding:0px; margin:0px; background-repeat:repeat-x; font-size:6px; line-height:6px;}
td.LineB {height:3px; padding:0px; margin:0px; font-size:3px; line-height:3px; background: #056738;}
td.LineY {height:3px; padding:0px; margin:0px; font-size:3px; line-height:3px; background:#F5BC0C;}

.ButtonPopup {
	float: right;
	margin-right: 15px;	
}

/*TBL Agency Ticket Sales*/
.TBLAgencyTicketSales { width:902px; border-collapse:collapse; }


.TBLAgencyTicketSales td { border-top:1px solid #233371; height:30px; padding:1px 2px; line-height:14px;vertical-align: top; padding-top: 3px;}
.TBLAgencyTicketSales td.HeadCOL1 { width:5%;background: #33499F; color:#ffffff; font-weight:bold; }
.TBLAgencyTicketSales td.HeadCOL2 { width:9%;background: #33499F; color:#ffffff; font-weight:bold; }
.TBLAgencyTicketSales td.HeadCOL3 { width:5%;background: #33499F; color:#ffffff; font-weight:bold; }
.TBLAgencyTicketSales td.HeadCOL4 { width:7%;background: #33499F; color:#ffffff; font-weight:bold; }
.TBLAgencyTicketSales td.HeadCOL5 { width:5%;background: #33499F; color:#ffffff; font-weight:bold; }
.TBLAgencyTicketSales td.HeadCOL6 { width:5%;background: #33499F; color:#ffffff; font-weight:bold; }
.TBLAgencyTicketSales td.HeadCOL7 { width:5%;background: #33499F; color:#ffffff; font-weight:bold; }
.TBLAgencyTicketSales td.HeadCOL8 { width:7%;background: #33499F; color:#ffffff; font-weight:bold; text-align:right;}
.TBLAgencyTicketSales td.HeadCOL9 { width: 10%; background: #33499F; color:#ffffff; font-weight:bold; text-align:right; padding-right:8px; }

.TBLAgencyTicketSales td.BodyCOL1 { ;}
.TBLAgencyTicketSales td.BodyCOL2 { ;}
.TBLAgencyTicketSales td.BodyCOL3 { ;}
.TBLAgencyTicketSales td.BodyCOL4 { ; text-align:left; }
.TBLAgencyTicketSales td.BodyCOL5 { ; text-align:left; }
.TBLAgencyTicketSales td.BodyCOL6 { ;}
.TBLAgencyTicketSales td.BodyCOL7 { ;}
.TBLAgencyTicketSales td.BodyCOL8 { ; text-align: right;}
.TBLAgencyTicketSales td.BodyCOL9 { ; text-align:right; padding-right: 8px; }

/* Start Yai Add Account Topup */
.CoverDetailAccountRequest{ width:990px; /*margin-top:10px;*/ }
.CoverDetailAccountRequest .Label { width: 120px; color:#132544; float:left; font-weight:bold; line-height:20px; font-size:11px; margin-bottom:20px;}
.CoverDetailAccountRequest .Label2 { width: 115px; color:#132544; float:left; font-weight:bold; line-height:20px; font-size:11px; margin-bottom:20px;}
.CoverDetailAccountRequest .LabelButton { padding:0px 3px; float:left;}

.CoverDetailAccountRequest .Detail { padding-left:10px; padding-right:10px; padding-top:10px;color:#be1323; float:left; font-weight:bold; width:200px;height:12px;}
.CoverDetailAccountRequest .DetailInput { padding-left:10px; padding-right:10px; color:#be1323; float:left; font-weight:bold; width:200px; height:12px;}
.CoverDetailAccountRequest .DetailInputSmall { padding-left:10px; padding-right:10px; color:#be1323; float:left; font-weight:bold; width:70px; height:12px;}
.CoverDetailAccountRequest input { width:200px;}

/* TBLAgencyAccountTopUpRequest */
.TBLAgencyAccountTopUpRequest { width:100%; border-collapse: collapse;}
.TBLAgencyAccountTopUpRequest td { border-bottom:1px solid #FFFFFF; height:22px; padding:1px 2px; line-height:14px;}
.TBLAgencyAccountTopUpRequest td.HeadCOL1 { width:20px;background: #056738; color:#ffffff; font-weight:bold;}
.TBLAgencyAccountTopUpRequest td.HeadCOL2 { width:150px;background: #056738; color:#ffffff; font-weight:bold;}
.TBLAgencyAccountTopUpRequest td.HeadCOL3 { width:160px;background: #056738; color:#ffffff; font-weight:bold;}
.TBLAgencyAccountTopUpRequest td.HeadCOL4 { width:150px;background: #056738; color:#ffffff; font-weight:bold;text-align:right;}
.TBLAgencyAccountTopUpRequest td.HeadCOL5 { width:150px;background: #056738; color:#ffffff; font-weight:bold;text-align:right;}
.TBLAgencyAccountTopUpRequest td.HeadCOL6 { width:120px;background: #056738; color:#ffffff; font-weight:bold;text-align:right;}
.TBLAgencyAccountTopUpRequest td.HeadCOL7 { width:auto;background: #056738; color:#ffffff; font-weight:bold; padding-right:5px;}

.TBLAgencyAccountTopUpRequest td.BodyCOL1 { background:#ffffff;}
.TBLAgencyAccountTopUpRequest td.BodyCOL2 { background:#ffffff;}
.TBLAgencyAccountTopUpRequest td.BodyCOL3 { background:#ffffff;}
.TBLAgencyAccountTopUpRequest td.BodyCOL4 { background:#ffffff; text-align:right;}
.TBLAgencyAccountTopUpRequest td.BodyCOL5 { background:#ffffff; text-align:right;}
.TBLAgencyAccountTopUpRequest td.BodyCOL6 { background:#ffffff; text-align:right;}
.TBLAgencyAccountTopUpRequest td.BodyCOL7 { background:#ffffff;}


/* End Yai Add Account Topup */

td .EmployeeePaging { color: #2a6ebb; border: none;}

.Employee{clip:rect(0px 400px 300px 0px);POSITION: absolute;DISPLAY: block; text-align:center; padding:50px 0px 20px 0px; Z-INDEX: 9999; WIDTH: 70%; TEXT-ALIGN: left;Z-INDEX: 6000;background-color:#d3f2ea;}
/***********/
/* Watermark */
/***********/

.watermarkOn {
	color: #CCCCCC;
	font-style: normal;
	font-size: 10pt;

}

.watermarkOff {
	color: #605e5e;
	font-size: 11px;
	font-weight: normal;
}

/*****************************/
/* Center Page Horizontal & Vertical */
/*****************************/

.xouter{
	height: 100%;
	width: 100%;
	display: table;
	vertical-align: middle;
	position: fixed;
	z-index: 1002;
	left: 0;
}
.xcontainer {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}	
.xinner {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}



/* Style For Placeholder Text */
.placeholder {color: #aaa;}
/* End Style For Placeholder Text */

/* Style For Validate Input Text */
.validate { background-color: Yellow;}
/* End Style For Validate Input Text */

/* - */

.TBLYourFlight .BodyCOL1 img {
	vertical-align: middle;
	margin-left: 10px;	
}

.RefundedTicketReport li {
	list-style-type: none;	
}

.clear-all {
	clear: both;	
}


