﻿/*************General***************************/
@font-face {
    font-family: 'Arial_Rounded';
	src: url('ARLRDBD.eot');
    src: url('ARLRDBD.eot?#iefix') format('embedded-opentype'),
		 url('ARLRDBD.ttf') format('truetype'); 
}

html { display: block; height: 100%;}


body 
{
    font-family: Tahoma;
	font-size: 12px;
	color:#676767;
	margin:0;
	padding:0;
	height: 100%;
	display: block;
}



.ui-datepicker{z-index:100 !important;}

#form1
{
    height:auto; 
    overflow:hidden; 
    margin:0 auto 0 auto; 
    padding:0 0 0 0;
    color: #333333;
}


/*************Top menu***************************/
#TopContainer{width:975px; height:70px; clear:both;z-index:2; position:relative;}

#TopContainer .MenuItemContainer{ width:285px; height:70px; color:#355689; float:left; margin:0 0 0 14px; }
#TopContainer .MenuItemContainer span{color:#343434; font-size:14px; letter-spacing:0.05em; font-weight:bold; display:block; padding:12px 0 0 0; margin:7px 0 0 49px; width:226px; height:31px; text-align:center;}
#TopContainer .step1{background:url(../images/step1.png) no-repeat;}
#TopContainer .step1SEL{background:url(../images/step1-selected.png) no-repeat;}
#TopContainer .step2{background:url(../images/step2.png) no-repeat;}
#TopContainer .step2SEL{background:url(../images/step2-selected.png) no-repeat;}
#TopContainer .step3{background:url(../images/step3.png) no-repeat;}
#TopContainer .step3SEL{background:url(../images/step3-selected.png) no-repeat;}
#TopContainer .step1SEL span, #TopContainer .step2SEL span, #TopContainer .step3SEL span{color:#cc0001; text-decoration:underline;}

/*************Left Column***************************/
#LeftContainer
{
    float:left;
    width:272px;
    height:auto; overflow:hidden;
    margin:31px 0 20px 14px;   
    background:#ffbc01 url(../images/bg-form_inner.jpg) no-repeat; 
}

.LeftInner
{
    width:232px;
    padding:37px 20px 8px 20px;
    min-height:300px;
    border:1px solid #FFCE00;
}

table#radioList 
{ 
    font-size:12px;
    color:#333333;
    margin:0 auto 10px auto;
    text-align:center;
    width:100%;
    padding:0 0 0 0;
}

table#radioList td
{
    
    width:auto;
    padding:0 0 0 0;
    margin:0 0 0 0;
}

table#radioList td input
{
    padding:4px 0 0 0;
    margin:0 0 0 0;
}

table#radioList td label
{
	margin:0;
    padding:4px 0 0 6px;
    
}
 
#UpdatePanelToolTip
{
    width: 232px;
	overflow:hidden;
	margin:0 0 36px 0;
	text-align:center;
}

#UpdatePanelToolTip label {
	margin: 0 6px !important;
}
#UpdatePanelToolTip input {
	margin-bottom: 3px;
	padding: 0 0 0 6px;
}


#UpdatePanelToolTip input[type='checkbox']{margin-bottom:3px;}

.info-tip, .info-tip2, .info-tip4 {
	background:url(../images/info-tip.png) no-repeat;
	width:18px;
	height:18px;
	display:inline-block;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 0 0;
	position:relative;
	vertical-align:bottom;
}
.info-tip2, .info-tip4 {
	background:url(../images/info.png) no-repeat;
	width:9px;
	height:16px;
}

.ansf-infoImg {
	background:url(../images/info_icon_red.png) no-repeat;
	width:18px;
	height:18px;
	display:inline-block;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	position:absolute;
	top:4px;
	right:20px;
	vertical-align:bottom;
	cursor:pointer;
}

a.vessel-info {
	display:block;
	padding:4px 0 2px;
	cursor:pointer;
	
}
    a.vessel-info span:hover{
        text-decoration:underline;
    }
	a.vessel-info span{
		display:block;
		padding:0;
		text-decoration:none;
		color:#237cca;
		font-weight:bold!important;
	}

a.ansf-info {
	display:block;
	padding:4px 0 2px;
	cursor:pointer;
	text-decoration:underline;
}
    a.ansf-info:hover{
        text-decoration:none;
    }
	a.ansf-info span{
		display:block;
		padding:0;
	}
.tip-position 
{
    background-position:8px 2px;
}
*+ html .info-tip {
	display:inline;
}

h1
{
    color: #333333;
    font-family: 'Arial_Rounded', Tahoma;
    font-size: 17px !important;
    line-height: 25px;
    margin: 0;
    padding-bottom: 15px;
    text-shadow: 0 1px 1px #FFFFFF;
    text-align:center;
}

.col {
	clear:both;
	margin:0 0 0 0;
	width:235px;
}

.col label {
	float:left;
	font:italic 16px/26px Georgia, "Times New Roman", Times, serif;
	margin:0 14px 0 0;
}
.col p.route {
	float:left;
	font:italic 15px/26px Georgia, "Times New Roman", Times, serif;
	margin:0;
	width:98px;
	text-align: right;
}
.col .row {
	margin:0 0 14px 0;
	height:auto;
	overflow:hidden;
}
.col .row .calender input {
	margin:1px 0 0 0;
	padding:0 0 0 6px;
}
.calender {
	background:url(../images/calender.gif) no-repeat;
	width:99px;
	height:26px;
	float:right;
	margin-right: 16px;
    text-align: left;
}
.calender .field {
	width:92px;
	border:0;
	height:25px;
	padding:4px 4px;
	background:none;
}
.calender .button {
	width:22px;
	height:26px;
	background:none;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	line-height:0;
	font-size:0;
	cursor:text !important
}
.calender .button:hover {
	cursor:pointer;
}

#multiPanel2
{
    clear:both;
    margin:8px 0 0 0;
    height:auto;
    overflow:hidden;
    padding:0 0;  
}

#AddRoutePanel
{
    margin:10px 0 10px 0;
    height:auto;
    overflow:hidden;
    padding:8px 0 10px 0;
    text-align:center;
    
}
    
    #AddRoutePanel a{color:#333333; font-size:13px; font-weight:bold; text-decoration:none;}
    #AddRoutePanel #ImageAddRoute{ margin:0 0 -6px 6px;}
    


.PortSelect
{
    width:201px; 
    height:25px;
    border: 1px solid #979aa3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	outline: 0;
	inline:0;	
	background:url(../images/txtbox_arrow.jpg) no-repeat;
	background-position:170px -1px;
	color:#6f6f6f;
	padding:2px 0 0 3px;
	margin:0 0 0 5px; 
	font-weight:bold;
	font-size:13px;
	margin: 0 0 7px 3px\0/IE8+9; /* IE8+9  */
	float: left\0/IE8+9; /* IE8+9  */
}

.search-button
{
    background: url("../images/search-button.png") no-repeat scroll 0 0 transparent;
    float: none;
    margin: 0 0 0 -11px;
    width: 252px; 
	height:49px;
	border:0;
	color:#fff;
	text-shadow: 0px 1px 1px #224763;
	overflow:hidden;
	font-size:19px;
	font-family:'Arial_Rounded',Tahoma;
	padding:0 0 6px 0;
	cursor:pointer;
	text-align:center;
}



.ButtonNewSearch
{
    background:url(../images/new_search_btn_bg.jpg) no-repeat;
    width:146px;
    height:43px; 
    border:none;
    margin:12px auto 0 auto; 
    color:#fff;
    font-size:13px;
    font-weight:bold; 
    text-align:left; padding:0 0 8px 14px;
    cursor:pointer;
    padding:0 0 2px 22px\0/IE8+9; /* IE8+9  */
    
}

#panelGo2Prices{ height:50px; width:300px; margin:10px 0 0 0; float:right;}
.ButtonAvailAndPricesLeft{background:url(../images/red-button-left.jpg) no-repeat; width:13px; height:43px; float:left;}
.ButtonAvailAndPricesRight{background:url(../images/availability_prices_btn_right.jpg) no-repeat; width:34px; height:43px; float:right;}
.ButtonAvailAndPrices
{
    background:url(../images/red-button-bg.png) repeat-x;
    width:auto;
    height:43px; 
    border:none;
    margin:0; 
    color:#fff;
    font-size:13px;
    font-weight:bold; 
    text-align:center; 
    padding:0 4px 6px 8px;
    cursor:pointer;
    float:left;
    padding:0 4px 4px 8px\0/IE8+9; /* IE8+9  */  
}

.ButtonBook, .ButtonBookRound
{
    background:url(../images/book_btn.png) no-repeat;
    width:80px;
    height:23px; 
    border:none;
    margin:6px 0 0 0; 
    color:#fff;
    font-size:15px;
    font-weight:bold; 
    text-align:center; padding:3px 0 0 0;
    cursor:pointer;  
}

.crsredirecttxt{ display:block; margin:8px 16px; font-size:14px;}
.crsredirectbtn{clear:both; text-align:center; height:40px;}
    .crsredirectbtn .ButtonBook{ height:26px; margin:3px 0 0 0; padding:0 0 2px;}

a#linkOne1, a#linkOne2, a#linkOne3, a#linkOne4{text-decoration:none;}
a#linkRet1, a#linkRet2, a#linkRet3, a#linkRet4{text-decoration:none;}


/*************Right Column***************************/
#RightContainer
{
    float:right;
    width:659px;
    padding:0 0 0 0; 
    margin:31px 14px 50px 14px;
}

#ContainerWhole
{
    width:947px;
    padding:0 0 0 0; 
    margin:31px 14px 0 14px;
}

/*************Right Column Title ***************************/
#lblItinOne, #lblItinRet, #lblItinMul1, #lblItinMul2
{
    font-size:16px;
    font-weight:bold;      
}

#lblItinOne font, #lblItinRet font, #lblItinMul1 font, #lblItinMul2 font
{
    font-size:12px;
    padding:0 20px 0 0;
}


#lblItinMul1 span, #lblItinMul2 span, #lblItinOne span, #lblItinRet span
{
    padding:0 0 0 20px;
}
/*************Tabs ***************************/

.ajax__tab_default .ajax__tab_header {
    white-space: normal !important;
    border-top:1px solid #9a9a9a;
    border-bottom:1px solid #9a9a9a;
    width:617px;
    height:28px;
    margin:12px 0 0 0;
    padding:0 0 0 44px;
    background:#fff;
}
.ajax__tab_default .ajax__tab_outer {
    display: inline-block;
}
.ajax__tab_default .ajax__tab_inner {
    display: inline-block;
}
.ajax__tab_default .ajax__tab_tab {
    display: inline-block;
    overflow: hidden;
    text-align: center;
}
.ajax__tab_xp2 .ajax__tab_header {   
    font-family: Tahoma;
    font-size: 11px;
    color:#a3a3a3;
    font-weight:bold;
}
.ajax__tab_xp2 .ajax__tab_outer {
    height: 21px;
    padding-right: 4px;
}
.ajax__tab_xp2 .ajax__tab_inner {
    padding-left: 0;
}
.ajax__tab_xp2 .ajax__tab_tab {
    background:none;
    height: auto;
    margin: 0;
    padding: 0;
    width:110px;
}
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_outer {
    cursor: pointer;
}
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_inner {
    cursor: pointer;
}
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_tab {
    color:#5d5d5d; 
    cursor: pointer;
}
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_outer {
    width:110px !important;
}
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_inner {
    background:url(../images/yellow_tab.png) no-repeat;
    width:110px;
    height:48px; 
    margin:-6px 0 0 0;
    background-position:10px 0;
}
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_tab {
     color:#5d5d5d; font-weight:bold;
     font-size:12px; letter-spacing:0;
     padding:13px 0 0 0;
     text-align:center;
     width:110px;
}

.ajax__tab_xp2 .ajax__tab_disabled {
    color: #A0A0A0;
}
.ajax__tab_xp2 .ajax__tab_body {    
    background-color: #FFFFFF;  
    padding: 2px;
    margin:20px 0 0 0;
    width:652px;  
    border:1px solid #9c9c9c;  
}
.ajax__tab_xp2 .ajax__tab_body span{    
    height:70px;
    width:650px;
    margin:0;
    background-color:#e3e8ee;
    border:1px solid #CCCCCC;
    display: table-cell;
    vertical-align:middle;
    font-size:12px;
    font-weight:bold;
    text-align:center;
}
.ajax__tab_xp2 .ajax__tab_body table.mGrid2 span
{
    height:auto !important;    
    width:100% !important; 
    padding: 0;
    margin:0;
    background-color:#ffffff !important;
    border:none !important;
    font-size:11px;
    font-weight:normal;
    display:inline-block;
}

.ajax__tab_xp2 .ajax__tab_body  table .rowborder
{
    border-top:2px solid #cdcdcd; 
}

/**style for headers in columns*/
.ajax__tab_xp2 .ajax__tab_body  table .HeaderCol10
{
    width:50px;
    height:30px; 
    font-weight:normal!important;
}

.ajax__tab_xp2 .ajax__tab_body  table .HeaderCol10Select
{
    width:50px;
    height:30px; 
    font-weight:normal!important;
    background:url(../images/hand-select.png) no-repeat center center;   
}

.ajax__tab_xp2 .ajax__tab_body  table .HeaderCol88
{
    width:88px;
    height:30px; 
    font-size:12px;
    font-weight:normal!important;
}
.ajax__tab_xp2 .ajax__tab_body  table .HeaderCol95
{
    width:60px;
    height:30px; 
    font-size:12px;
    font-weight:normal!important;
}
.ajax__tab_xp2 .ajax__tab_body  table .HeaderCol40
{
    width:28px;
    height:30px; 
    font-weight:normal!important;
}


.ajax__tab_xp2 .ajax__tab_body  table .HeaderCol65
{
    width:50px;
    height:30px; 
    font-size:12px;
    font-weight:normal!important;
}
.ajax__tab_xp2 .ajax__tab_body  table .HeaderCol114
{
    width:140px;
    height:30px;
    font-size:12px;
    font-weight:normal!important;
}
.ajax__tab_xp2 .ajax__tab_body  table .HeaderCol100
{
    width:100px;
    height:30px;
    font-size:12px;
    font-weight:normal!important;
}
.ajax__tab_xp2 .ajax__tab_body  table .HeaderCol140
{
    width:140px;
    height:30px;
    font-size:12px;
    font-weight:normal!important;
}
.ajax__tab_xp2 .ajax__tab_body  table .HeaderCol80
{
    width:80px;
    height:30px;
    font-size:12px;
    font-weight:normal!important;
}

/**style for items in comumns*/
.ajax__tab_xp2 .ajax__tab_body  table .Col10
{
    width:50px;
    height:30px;
}
.ajax__tab_xp2 .ajax__tab_body  table .Col10 input
{
    margin:0 0 0 -1px;
}
.ajax__tab_xp2 .ajax__tab_body  table .Col88
{
    width:88px;
    height:24px; 
}
 
.ajax__tab_xp2 .ajax__tab_body  table .Col140
{
    width:140px;
    height:24px; 
}
   
   .ajax__tab_xp2 .ajax__tab_body  table .Col140 .compThumb
    {
        width:36px;
        float:left;
        height:36px; 
    }
    
    .ajax__tab_xp2 .ajax__tab_body  table .Col140 .compName
    {
        width:130px;
        padding:10px 0 0 4px;
        height:26px; 
        float:left;
        text-align:left!important;
    }  
    
    .compNameEuromed
    {
        width:130px;
        padding:3px 0 0 0px;
        height:26px; 
        float:left;
        text-align:left!important;
    }    

.ajax__tab_xp2 .ajax__tab_body  table .Col95
{
    width:60px;
    height:30px;
}

.ajax__tab_xp2 .ajax__tab_body  table .Col40
{
    width:28px;
    height:30px;
    color:#c21226;
    font-weight:bold;
    font-size:12px;
}

.ajax__tab_xp2 .ajax__tab_body  table .Col65
{
    width:50px;
    height:30px;
    color:#cc0001;
    font-weight:bold;
    font-size:12px;
}
.ajax__tab_xp2 .ajax__tab_body  table .Col114
{
    width:140px;
    height:30px;
    font-weight:bold;
    color:#333333;
}

/**Companies backgrounds*/
.comp-gen-bg{width:170px;}
.comp-bg{width:4px; height:8px; float:left; margin:2px 0 0 0; border:1px solid #a19e8d; }
.AGO-bg{background-color:#fd0712;}
.ANEK-bg{background-color:#f9c816;}
.MIN-bg{background-color:#00285a;}
.ANSF-bg{background-color:#980b36;}
.BSF-bg{background-color:#ebba39;}
.EDV-bg{background-color:#fb6e12;}
.ESL-bg{background-color:#ef1e1a;}
.EUS-bg{background-color:#e32525;}
.GRI-bg{background-color:#083f80;}
.SFF-bg{background-color:#e01c28;}
.VNN-bg{background-color:#0e0642;}
.ASL-bg{background-color:#b8b7bf;}
.GSF-bg{background-color:#ecb500;}
.NEL-bg{background-color:#114993;}
.DNS-bg{background-color:#f17700;}
.APN-bg{background-color:#32a1d8;}
.KAD-bg{background-color:#0d9de0;}



.ajax__tab_xp2 .ajax__tab_body  table .Col100
{
    width:100px;
    height:30px;
    color:#333333;
}

.ajax__tab_xp2 .ajax__tab_body  table .Col80
{
    width:80px;
    height:30px;
    color:#333333;
}

.ajax__tab_xp2 .ajax__tab_body  table .Colhidden
{
    width:0px; visibility:hidden; display:none;
}

table.mGrid2 
{
  table-layout:fixed; 
  border-collapse: collapse;
  font-size:11px;
  text-align:center;
  padding:4x;  
  width:652px;
}

table.mGrid2 td, table.mGrid2 th {
  border: 1px solid #cccccc;
  
}
table.mGrid2 tr:first-child th {
  border-top: 0;
}
table.mGrid2 tr:last-child td {
  border-bottom: 0;
}
table.mGrid2 tr td:first-child,
table.mGrid2 tr th:first-child {
  border-left: 0;
}
table.mGrid2 tr td:last-child,
table.mGrid2 tr th:last-child {
  border-right: 0;
}

.ajax__scroll_horiz {
    overflow-x: scroll;
}
.ajax__scroll_vert {
    overflow-y: scroll;
}
.ajax__scroll_both {
    overflow: scroll;
}
.ajax__scroll_auto {
    overflow: auto;
}
.ajax__tab_plain .ajax__tab_outer {
    border: 2px solid #999999;
    text-align: center;
    vertical-align: middle;
}
.ajax__tab_plain .ajax__tab_inner {
    text-align: center;
    vertical-align: middle;
}
.ajax__tab_plain .ajax__tab_body {
    text-align: center;
    vertical-align: middle;
}
.ajax__tab_plain .ajax__tab_header {
    text-align: center;
    vertical-align: middle;
}
.ajax__tab_plain .ajax__tab_active .ajax__tab_outer {
    background: none repeat scroll 0 0 #FFFFE1;
}

#updPanelItinRet
{
    margin:40px 0 0 0;
}
#updPanelItinMul1
{
    margin:40px 0 0 0;
}
#updPanelItinMul2
{
    margin:40px 0 0 0;
}

font.price-red{ font-weight:bold; color:#B91B2A; font-size:12px;}

/*************Progress Bar ***************************/
#UpdateProgress1 {width:652px;}
    #UpdateProgress1 img{margin:40px auto 40px 262px;}
   
#UpdateProgress2 {width:652px;}
    #UpdateProgress2 img{margin:40px auto 40px 262px;}  
/*************Passengers & Vehicles ***************************/
h2.title
{
    background-color:#286cab;  
    width:656px;
    height:25px;
    border:1px solid #666666;
    color:#fff;
    font-weight:bold;
    text-align:center;
    font-size:14px;
    padding:7px 0 0 0;
    margin:40px 0 4px 0;
}

#PassVehBox
{
  border:1px solid #999999;
  width:655px;
  height:92px; 
  padding-left:1px;
  font-size:11px;
  background:#ffffff;
}
#panelPass{background:#ffffff;}

#listSelectPass{ float:left; width:350px;}
#listSelectPass tr{height:27px;}
#listSelectPass label 
{
    padding:0 0 2px 14px;
}

.passOnly
{
    background:url(../images/passengers_only_icon.jpg) no-repeat;   
    height:25px;
    padding:7px 0 12px 126px;  
}

.passVeh
{
    background:url(../images/passengers_vehicles_icon.jpg) no-repeat;
    height:25px;
    padding:7px 0 12px 126px;  
}

.passVehTr
{
    background:url(../images/passengers_vehicles_trailer_icon.jpg) no-repeat;
    height:25px;
    padding:7px 0 12px 126px;  
}

#panelNumPassVeh{ float:right;width:300px; margin:16px 0 0 0;}

.clear{clear:both; height:10px;}
.clearall{clear:both;}

/* all form DIVs have position property set to relative so we can easily position newly created SPAN */
div.selector{position:relative; clear:both; margin:0 auto 14px auto; } 

/* second variation (LABEL is placed on the left of the SELECT) */	
form div.selector label{float:right;clear:right;width:220px;line-height:20px; text-align:left;}
form div.selector span.select{left:0;}

/* NEW DROPDOWNS */
select.selectMID{
    width:95px;
    height:22px;  
    font-size:11px; 
    padding:2px;
    border:1px solid #7f9db9;
    color:#333333;
    font-family:Tahoma;
}
select.selectMID2{
    width:110px;
    height:25px;  
    font-size:12px; 
    padding:2px;
    border:1px solid #7f9db9;
    color:#333333;
    font-family:Tahoma;
}
select.selectMID2month{
    width:90px;
    height:25px;  
    font-size:12px; 
    padding:2px;
    border:1px solid #7f9db9;
    color:#333333;
    font-family:Tahoma;
}
select.selectMID3{
    width:164px;
    height:25px;  
    font-size:12px; 
    padding:2px;
    border:1px solid #7f9db9;
    color:#333333;
    font-family:Tahoma;
}
select.selectSMALL{
    width:45px;
    height:22px;  
    font-size:11px; 
    padding:2px;
    border:1px solid #7f9db9;
    color:#333333;
    font-family:Tahoma;
}
select.selectSMALLReq{
    width:55px;
    height:22px;  
    font-size:11px; 
    padding:2px;
    border:1px solid #7f9db9;
    color:#333333;
    font-family:Tahoma;
}

select.selectSMALL2{
    width:58px;
    height:25px;  
    font-size:12px; 
    padding:2px;
    border:1px solid #7f9db9;
    color:#333333;
    font-family:Tahoma;
}

select.selectMID-INV{background-color:#fbf7aa;}


/* MEDIUM DROPDOWNS */
/* setting the width and height of the SELECT element to match the replacing graphics */
select.select-mid-step1{
    position:relative;
    z-index:10;
    width:95px !important;
    height:20px !important;
    line-height:20px;    
}

select.select-mid{
    position:relative;
    z-index:10;
    width:110px !important;
    height:20px !important;
    line-height:20px;    
}
select.select-mid-dis{
    position:relative;
    z-index:10;
    width:110px !important;
    height:20px !important;
    line-height:20px;    
}

select.select-mid-dis-step1{
    position:relative;
    z-index:10;
    width:95px !important;
    height:20px !important;
    line-height:20px;    
}

span.select-mid-yellow{
    position:absolute;
    bottom:0;
    float:left;
    left:0;
    width:110px;
    height:20px;
    line-height:20px;
    text-indent:10px;
    background:url("../images/dropdown-med-yellow.gif") no-repeat 0 0;
    cursor:default;
    z-index:1;
    color:#747474; 
}

select.select-mid2{
    position:relative;
    z-index:10;
    width:80px !important;
    height:20px !important;
    line-height:20px;    
}
select.select-mid3{
    position:relative;
    z-index:10;
    width:140px !important;
    height:20px !important;
    line-height:20px;    
}
/* dynamically created SPAN, placed below the SELECT */
span.select-mid{
    position:absolute;
    bottom:0;
    float:left;
    left:0;
    width:110px;
    height:20px;
    line-height:20px;
    text-indent:10px;
    background:url("../images/dropdown-med.gif") no-repeat 0 0;
    cursor:default;
    z-index:1;
    color:#747474; 
	}
span.select-mid-dis{
    position:absolute;
    bottom:0;
    float:left;
    left:0;
    width:110px;
    height:20px;
    line-height:20px;
    text-indent:10px;
    background:url("../images/dropdown-med-disable.gif") no-repeat 0 0;
    cursor:default;
    z-index:1;
    color:#747474; 
	}
span.select-mid2{
    position:absolute;
    bottom:0;
    float:left;
    left:0;
    width:80px;
    height:20px;
    line-height:20px;
    text-indent:4px;
    background:url("../images/dropdown-med2.gif") no-repeat 0 0;
    cursor:default;
    z-index:1;
    color:#494949; 
	}
	span.select-mid2-yellow{
    position:absolute;
    bottom:0;
    float:left;
    left:0;
    width:80px;
    height:20px;
    line-height:20px;
    text-indent:4px;
    background:url("../images/dropdown-med2-yellow.gif") no-repeat 0 0;
    cursor:default;
    z-index:1;
    color:#494949; 
	}
span.select-mid3{
    position:absolute;
    bottom:0;
    float:left;
    left:0;
    width:140px;
    height:20px;
    line-height:20px;
    text-indent:4px;
    background:url("../images/dropdown-med3.gif") no-repeat 0 0;
    cursor:default;
    z-index:1;
    color:#494949; 
	}
span.select-mid3-yellow{
    position:absolute;
    bottom:0;
    float:left;
    left:0;
    width:140px;
    height:20px;
    line-height:20px;
    text-indent:4px;
    background:url("../images/dropdown-med3-yellow.gif") no-repeat 0 0;
    cursor:default;
    z-index:1;
    color:#494949; 
	}

/* BIG DROPDOWNS (for ports) */
form select.select-big2
{
    color:#333333;	
	font-weight:normal;
	font-size:13px;
}

/* setting the width and height of the SELECT element to match the replacing graphics */
select.select-big2{
    position:relative;
    z-index:10;
    width:200px !important;
    height:27px !important;
    line-height:20px; 
    left:50%;
    margin-left: -100px; 
}

/* dynamically created SPAN, placed below the SELECT */
span.select-big2{
    position:absolute;
    bottom:0;
    float:left;
    left:50%;
    width:200px;
    height:27px;
    line-height:27px;
    text-indent:10px;
    background:url("../images/f_input.png") no-repeat 0 0;
    cursor:default;
    z-index:1;
	margin-left: -100px;
	color:#333333;	
	font-weight:normal;
	font-size:13px;
	}

/* accommodation */	
.tableAcco
{
  border:1px solid #999999;
  border-top:none;
  width:654px;
  font-size:11px;
  padding-left:2px;
  
}

#viewPassOne, #viewPassRet, #viewPassMul1, #viewPassMul2 {margin:0 0 16px 0; clear:both; width:645px!important;}
table#viewVehicle {margin:0 0 16px 0; clear:both; width:460px!important;}
table#viewPassOne tr, table#viewPassRet tr, table#viewPassMul1 tr, table#viewPassMul2 tr, table#viewVehicle tr {height:20px; height:28px\0/IE8+9 !important; /* IE8+9  */ }
table#viewPassOne td, table#viewPassRet td, table#viewPassMul1 td, table#viewPassMul2 td, table#viewVehicle td {padding:0 0 0 8px;}

table#viewPassOne td table td, table#viewPassRet td table td, table#viewPassMul1 td table td, table#viewPassMul2 td table td {padding:0 0 0 2px;}

table#viewPassOne th, table#viewPassRet th, table#viewPassMul1 th, table#viewPassMul2 th {padding:0 0 8px 8px; color:#333333!important;}
table#viewVehicle th {padding:10px 0 8px 8px; color:#333333!important;}
.Num{padding-top:3px!important;color:#333333;}

.OutTitle, .InTitle, .MultiTitle
{
    width:132px;
    border-right:1px solid #90bac8;
    margin:2px 0 10px 0;  
    color:#ffffff;	
	font-weight:bold;
	font-size:12px;
	padding:4px 0 0 8px;
	height:20px;
	float:left;	
	background:#6899c4;
	border-bottom:1px solid #9c9c9c;
}

#RouteFromLbl, #RouteToLbl, #RouteLeg3Lbl, #RouteLeg4Lbl{float:left; width:503px;background:#6899c4;height:20px; display:block;color:#ffffff;	
font-weight:bold;border-bottom:1px solid #9c9c9c;font-size:13px;margin:2px 0 10px 0; padding:4px 0 0 8px;}


.AccoHeader{text-align:left;}


/* vehicles */	
#panelVehicles
{
    margin:0 0 0 0;
    padding:0 0 0 0;
    background:#ffffff;
}


/*************Results Page***************************/
h2.title-top
{
    background-color:#286cab;  
    width:100%;
    height:25px;
    border:1px solid #666666;
    color:#fff;
    font-weight:bold;
    text-align:center;
    font-size:14px;
    padding:7px 0 0 0;
    margin:0 0 4px 0;
}

.no-avail { font-size:11px; font-weight:normal; line-height:16px; text-align:center;}
.no-avail font{ font-weight:bold;}


/*************International***************************/
table.results 
{
    width:659px;
    border:1px solid #9c9c9c;
    margin:0 0 14px 0;
    padding:0 0 0 0;
    height: 100%;
}

table.results-first-col
{
    width:142px;
    height: 100%;
    text-align:center;
    color:#333333;
    font-weight:bold; 
    letter-spacing:0.03em;
    font-size:12px;
    line-height:20px;
    
}

table.results-second-col-oneway
{
    width:398px;
    height: 100%;
    text-align:center;
}

table.results-second-col-return
{
    width:198px;
    height: 100%;
    text-align:center;
}

.results-last-col
{
    width:114px;
    height:40px;
    text-align:center;
    color:#333333;
    font-weight:bold; 
    font-size:11px;
    line-height:14px;
    padding:0 0 2px 0;  
    position:relative;
}

    .results-last-col.ansffee{font-size:11px; color:#535252;line-height:14px;}
        .results-last-col.ansffee span{padding:0 0 2px 0; display:block; text-align:center;}
    .results-last-col font { color:#ce0000; font-size:16px; line-height:20px; display:block;}
    .results-last-col font.msg { color:#333333; font-size:11px; line-height:16px; font-weight:normal;}
    
.ship-details-left
{
    width:40%; float:left; text-align:right; font-size:10px; padding:0 12px 0 0;
}

.ship-details-right
{
    width:50%; float:left; text-align:left; font-size:10px;
}

.pass-details-left
{
    width:70%; text-align:left; font-size:11px; padding:2px 0 4px 22px; color:#333333;
}

.pass-details-right
{
    width:30%; text-align:right; font-size:11px;padding:2px 12px 4px 0; color:#CE0000;
}

.cost-details-border
{
    border-bottom:1px solid #999999; margin:0 6px 0 6px;
}

.pass-details-border
{
    border-bottom:1px solid #999999; margin:2px 6px 0 6px;
}
.right-border 
{
    border-right:1px solid #999999;
}
.bottom-border 
{
    border-bottom:1px solid #999999; margin:0 6px 0 6px;
}



.bottom-border-oneway 
{
    border-bottom:1px solid #999999; margin:0 50px 0 50px;
}
.pass-details-left-oneway 
{
    width:70%; text-align:left; font-size:11px; padding:2px 0 4px 62px; color:#333333; 
}
.pass-details-right-oneway 
{
    width:30%; text-align:right; font-size:11px;padding:2px 62px 4px 0; color:#ce0000; 
}
.cost-details-border-oneway 
{
    border-bottom:1px solid #999999; margin:0 6px 0 50px;
}
.pass-details-border-oneway 
{
    border-bottom:1px solid #999999; margin:2px 6px 0 50px;
}
.pass-details-border-rigth-oneway 
{
    border-bottom:1px solid #999999; margin:2px 50px 0 6px;
}
.cost-details-border-rigth-oneway 
{
    border-bottom:1px solid #999999; margin:0 50px 0 6px;
}


.results-title
{
    background-color:#6899c4;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    width:100%;
    border-bottom:1px solid #cacdd2;
    height:26px;
    text-align:center;
}

.results-title12
{
    background-color:#6899c4;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    width:100%;
    border-bottom:1px solid #cacdd2;
    height:26px;
    text-align:center;
}

.results-title12 font
{
    font-size:10px;
}

.book-col
{
  width:112px;
  height:100%;
}

table.results-last-col font
{
    color:#d4082d;
    font-size:18px;
    font-weight:normal;
}

.comp-logo
{
    border:1px solid #cdd1d0;
}

/*************Domestic***************************/
table.resultsDom 
{
    width:659px;
    border:1px solid #9b9b9b;
    margin:0 0 0 0;
    padding:2px;
    height: 100%;
   
}

table.resultsDom-first-col
{
    width:142px;
    height: 100%;
    text-align:center;
    color:#333333;
    font-weight:bold; 
    letter-spacing:0.03em;
    font-size:11px;
    line-height:20px;    
}

table.resultsDom-sec-col
{
    width:200px;
    height: 100%;
    text-align:center;
    color:#333333;
    font-size:10px;   
}
table.resultsDom-sec-col .left
{
    width:82px;
    float:left;
    text-align:right;
    padding:1px 8px 2px 0;
}
table.resultsDom-sec-col .right
{
    width:110px;
    float:right;
    text-align:left;
    padding:1px 0 2px 0;
}
table.resultsDom-third-col
{
    width:200px;
    height: 100%;
    text-align:center;
    color:#333333;
    font-size:11px;   
    margin:10px 0 0 0;  
}
table.resultsDom-third-col .left
{
    width:100px;
    float:left;
    text-align:left;
    padding:2px 0 2px 10px;
}
table.resultsDom-third-col .right
{
    width:70px;
    float:right;
    text-align:right;
    padding:2px 10px 2px 0;
    color:#c61839;
}
    table.resultsDom-third-col .left div{ font-weight:bold; padding:1px 0 0 0; margin-bottom:14px;}
    table.resultsDom-third-col .right div{ font-weight:bold; font-size:12px;margin-bottom:14px;}

    table.resultsDom-third-col .full {
        width: 200px;
        float: none;
        text-align: center;
        clear: both;
        color: #c61839;
        margin: 14px auto;
    }

table.resultsDom-third-col .border-left
{
    width:100px;
    float:left;
    border-bottom:1px solid #999999;
    margin:2px 5px 2px 5px;
}
table.resultsDom-third-col .border-right
{
    width:80px;
    float:right;
    border-bottom:1px solid #999999;
    margin:2px 5px 2px 0; 
}
table.resultsDom-third-col .dark-border-left
{
    width:100px;
    float:left;
    border-bottom:1px solid #999999;
    margin:4px 5px 3px 5px;
}
table.resultsDom-third-col .dark-border-right
{
    width:80px;
    float:right;
    border-bottom:1px solid #999999;
    margin:4px 5px 4px 0; 
}
table.resultsDom-fourth-col
{
    width:107px;
    height: 100%;
    text-align:center;
    color:#979797;
    font-size:11px;  
    font-weight:bold; 
    font-style:italic; 
    line-height:26px;
}

.dom-results-title
{
    background-color:#6899c4;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    width:142px;
    border-bottom:1px solid #b8c7ce;
    height:26px;
    text-align:center;
    border-right:1px solid #b8c7ce;
}
.dom-results-title-big
{
    background-color:#6899c4;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    width:100%;
    border-bottom:1px solid #b8c7ce;
    height:27px;
    text-align:center;
}

.dom-total
{
    width:656px;
    height:auto; overflow:hidden; 
}
.dom-total .inner-left
{
    width:656px;
    height:20px; 
    border:1px solid #999999;
    border-top:none;
    color:#ffffff;font-size:15px;
    background-color:#6899c4;
    font-weight:bold; text-align:right;
    padding:5px 0 5px 0;
}
    .dom-total .inner-left div{width:257px; float:right; color:#ffffff; font-weight:normal; font-size:19px;margin:0 0 0 40px; border-left:1px solid #fff; text-align:center;height:18px;padding:0 0 3px 0;}
    
.inner-right
{
    width:100%;
    height:49px; 
    clear:both;
    margin:40px 0 0 0;
}
    
.ButtonBookDom
{
    background: url("../images/search-button.png") no-repeat scroll 0 0 transparent;
    float: none;
    margin: 0 0 0 -11px;
    width: 252px; 
	height:38px;
	border:0;
	color:#fff;
	text-shadow: 0px 1px 1px #224763;
	overflow:hidden;
	font-size:20px;
	font-family:'Arial_Rounded',Arial;
	padding:11px 0 6px 0;
	cursor:pointer;
	text-align:center;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* hack for chrome and safari */
    .ButtonNewSearch {padding:0 0 2px 22px; }
    .ButtonBookDom {margin:-5px -19px 0 0;}
    .ajax__tab_xp2 .ajax__tab_body  table .HeaderCol10 {width:16px;height:24px;}
    table#viewVehicle{margin:0 0 16px 0; }
    #panelVehicles .tableAcco{ padding-top:10px;} 
    .ButtonAvailAndPrices{padding:0 4px 4px 8px;}   
}

/*************Last Step***************************/
.wrap {border:1px solid #9c9c9c; margin:0 15px 30px 15px; background:#ffffff;}
table.routeInfo 
{
  table-layout:fixed; 
  border-collapse: collapse;
  font-size:12px;
  text-align:center;
  padding:4x;  
  width:909px;
  margin:3px;
  border-bottom: 1px solid #999999;
}

table.routeInfo td, table.routeInfo th {
  border: 1px solid #cccccc;
  
}
table.routeInfo tr:first-child th {
  border-top: 0;
}
table.routeInfo tr:last-child td {
  border-bottom: 0;
}
table.routeInfo tr td:first-child,
table.routeInfo tr th:first-child {
  border-left: 0;
}
table.routeInfo tr td:last-child,
table.routeInfo tr th:last-child {
  border-right: 0;
}
table.routeInfo .HeaderPass{
    background:url(../images/passWhite.png) no-repeat;
    background-position:center center;
    width:25px;
    height:16px; 
}
table.routeInfo .HeaderVeh{
    background:url(../images/vehWhite.png) no-repeat;
    background-position:center center;
    width:25px;
    height:16px; 
}
table.routeInfo .HeaderComp{
    width:110px;
    height:16px; 
}
table.routeInfo .HeaderItin{
    width:130px;
    height:16px; 
}
table.routeInfo .HeaderShip{
    width:90px;
    height:16px; 
}
table.routeInfo .HeaderDate{
    width:100px;
    height:16px; 
}
table.routeInfo .Col30{
    width:30px;
    height:20px; 
    color:#333333;
}
table.routeInfo .Col110{
    width:110px;
    height:20px; 
    font-weight:bold;
    text-align:center;
    color:#333333;
}
table.routeInfo .Col130{
    width:130px;
    height:20px; 
    text-align:center;
    color:#333333;
}
table.routeInfo .Col90{
    width:90px;
    height:20px; 
    text-align:center;
    color:#333333;
}
table.routeInfo .Col100{
    width:100px;
    height:20px; 
    text-align:center;
    color:#333333;
}

.lblPricPerItin{margin:10px 3px 0 3px; color:#333333; font-weight:bold; padding:16px 0 4px 0; font-size:14px; text-align:center;}

#panelPortBubble{background:url(../images/bubble_bg.png) no-repeat; width:410px; height:76px; color:#fff; padding:21px 10px 0 28px; float:right; font-size:11px; margin:-97px 0 0 0; line-height:14px; position:relative; top:0; right:0;}

.ui-widget-overlay{
    background: #000!important;
	opacity:0.6!important;
}

table.tripDet
{
  table-layout:fixed; 
  border-collapse: collapse;
  font-size:12px;
  text-align:center;
  padding:4x;  
  width:909px;
  margin:3px;
  margin-bottom:0;
  border-bottom: 1px solid #999999;
}
table.tripDet td, table.tripDet th {
  border: 1px solid #dbdbdb;
}
table.tripDet tr:first-child th {
  border-top: 0;
  
}

table.tripDet tr:last-child td {
  border-bottom: 0;
}
table.tripDet tr td:first-child,
table.tripDet tr th:first-child {
  border-left: 0;
}
table.tripDet tr td:last-child,
table.tripDet tr th:last-child {
  border-right: 0;
}

table.tripDet .Header{
    height:22px; 
    text-align:center;
    color:#ffffff;
    background:#6899C4; font-weight:bold;
}

table.tripDetInside{border:none; color:#333333;}
table.tripDetInside td, table.tripDetInside th {
  border-bottom: 1px solid #dbdbdb;
  padding:4px 0 8px 0;
  
}
table.tripDetInside tr:first-child th {
  border-top: 0;
}
table.tripDetInside tr:last-child td 
{   
  border-bottom: 0;
}
table.tripDetInside tr td:first-child,
table.tripDetInside tr th:first-child 
{
  border-top: 0;
  border-left: 0;
}
table.tripDetInside tr td:last-child,
table.tripDetInside tr th:last-child {
  border-right: 0;
  
}

table.tripDet .Col1 {text-align:center; padding-left:10px;}

table.tripDet .routeCostTitle{height:26px; font-weight:bold; font-size:14px; background:#e7e7e7; padding:0 20px 0 0; color:#333333; font-weight:bold; text-align:right;}
table.tripDet .routeCost{height:26px; font-weight:bold; font-size:14px; background:#ffffff; padding:0; color:#cc0001; font-weight:bold; text-align:center;}


.deliberyBlock{width:auto; min-height:85px; height:auto; margin:3px;}
.deliberyBlock .LeftCol{background:#fee580; width:752px; min-height:85px; height:auto; overflow:hidden; float:left; margin:0 0 3px 0;border-right:1px solid #CCCCCC;}
.deliberyBlock .RightCol{width:154px; min-height:55px; height:auto; padding:30px 0 0 2px; float:right; font-size:14px; color:#CC0001; font-weight:bold; text-align:center;}
.delTitle{margin:0 3px 0 16px; color:#333333; font-weight:bold; padding:16px 0 4px 0; font-size:14px;}

#panelDelivery{margin:0; clear:both;}
table#radioDelivery {font-size:12px; margin:0 0 4px 8px; float:left;}
table#radioDelivery span.radioDel{background:url(../images/radio_bg.gif) no-repeat left top;height:20px; display:block;padding:1px 0 0 4px;padding:1px 0 0 1px\0/IE8+9;/* IE8+9  */*padding:0;/* IE7  */ }
table#radioDelivery .radioDel input{vertical-align: middle; margin: 0px; }
table#radioDelivery .radioDel label{ padding-left:10px; margin-right:20px;}
.PointsBlock span.radioDel{background:url(../images/radio_bg.gif) no-repeat left 3px; min-height:20px; height:auto; display:block;padding:6px 0 0 3px;padding:1px 0 0 1px\0/IE8+9; /* IE8+9  */*padding:0;/* IE7  */}
.PointsBlock .radioDel input{vertical-align: middle; margin: 0px; float:left;}
.PointsBlock .radioDel label{ padding-left:6px; margin-top:-4px; display:block;}

table.DelOptions
{
  clear:both;
  table-layout:fixed; 
  border-collapse: collapse;
  font-size:12px;
  text-align:center;
  padding:4x;  
  width:752px;
  margin:0 0 10px 0;
  background:#FEE580;
}

table.DelOptions .header{
    background-color:#fff7d8;
    width:149px;
    color:#68605d;
    font-weight:bold;
    height:24px;  
    padding:0;
    border-top:2px solid #fff;
    border-bottom:2px solid #fff;
}

table.DelOptions .column
{
    width:187px;
    height:20px;
    padding:8px 0 5px;
}


.TotalCost {clear:both;padding:2px 0 0 0; color:#333333; text-align:right; width:auto; border-top:1px solid #9a9a9a; margin:3px;height:auto;overflow:hidden;}

.TotalCost div.CostBlock{font-size:12px; padding:0; margin:-2px 0 0 0;font-weight:bold; float:right;width:300px; }
.TotalCost div.CostBlock .CostBlockLeft{ width:137px; float:left; height:32px; border-right:1px solid #cccccc; padding:6px 6px 6px 0;}
.CCBlockLeft{ font-size:12px; font-weight:bold; border:1px solid #286cab; border-right:none; height:24px; padding:8px 0 0 6px;}
.CCBlockRight{ font-weight:bold; background-color:#FFFFFF;color:#CC0001; font-size:16px;text-align:center; border:1px solid #286cab;border-left:none; height:26px; padding:6px 0 0 0;}
.TotalCost div.CostBlock .CostBlockLeft p{color:#CC0001; font-size:11px; padding:0; margin:0;}
.TotalCost div.CostBlock .CostBlockRight{ width:149px; float:left;background-color:#FFFFFF;color:#CC0001; font-size:14px;height:35px;text-align:center;padding:3px 0 6px 0; position:relative;}
.TotalCost div.CostBlock .CostBlockRight font{font-size:16px; font-weight:bold;}
.TotalCost div.CostBlock .CostBlockRight .ansf-info{top:3px!important; right:20px!important;}
.TotalCost div.CostBlock font{color:#c20813; font-size:15px; padding:0 10px 0 10px;}

.TotalCost div.PointsBlock{float:left;text-align:left!important;padding:4px 0 0 10px; font-weight:normal; width:590px; height:126px;}
.TotalCost div.PointsBlock label{padding:0 0 0 24px;}
.TotalCost div.PointsBlock .CouponTbl span{ display:block; margin:0 10px 2px 0;}
.TotalCost div.PointsBlock #panelCoupon, .TotalCost div.PointsBlock #panelCouponBpm{margin:6px 0 0 0;}

.TotalCost div.PointsBlock #lblPointsTxt{ display:block; padding:8px 0 0 5px;}
.TotalCost div.PointsBlock #panelCoupon p{ display:block; padding:0 0 0 5px; float:left; margin:0;min-width:160px;}
.TotalCost div.PointsBlock #panelCoupon .CouponTbl{width:310px; float:left; margin:0;}
.TotalCost div.PointsBlock #panelCoupon .CouponTbl input[type='submit'], .TotalCost div.PointsBlock #panelCouponBpm .CouponTbl input[type='submit']{background:url(../images/calculate.png) no-repeat; width:136px; height:26px; color:#fff; border:none; cursor:pointer; margin:1px 0 0 6px;}
.TotalCost div.PointsBlock #panelCoupon .CouponTbl input[type='text'], .TotalCost div.PointsBlock #panelCouponBpm .CouponTbl input[type='text']{border:1px solid #819ebc; width:150px; height:23px; padding:0 0 0 2px;}

.surnameInput{
     border:1px solid #819ebc; width:140px; height:23px; padding:0 0 0 2px;
}

.nameInput{
    border:1px solid #819ebc; width:20px; height:23px; padding:0 0 0 2px;
}

.nameInputWhole{
     border:1px solid #819ebc; width:90px; height:23px; padding:0 0 0 2px;
}
.generalInput{
     border:1px solid #819ebc; width:100px; height:23px; padding:0 0 0 2px;
}
.bdayInput{
     border:1px solid #819ebc; width:17px; height:23px; padding:0 0 0 2px;
}

.bmonthInput{
     border:1px solid #819ebc; width:22px; height:23px; padding:0 0 0 2px;
}

.byearInput{
     border:1px solid #819ebc; width:34px; height:23px; padding:0 0 0 2px;
}

.wrapReq {border:1px solid #9c9c9c; border-top:none; margin:0; padding:2px; background-color:#fff; font-size:11px; text-align:left;}
.ColReq1{width:190px;}
.ColReq2{width:105px;}
.inputReq{ height:20px!important;font-size:11px!important;}
.passDetReq{ margin:12px 0 12px 0;}

table.passDet 
{
  table-layout:fixed; 
  border-collapse: collapse;
  font-size:12px;
  text-align:center;
  padding:4x;  
  width:909px;
  margin:3px 3px 0 3px;
}

table.passDet td, table.passDet th {

}
table.passDet tr:first-child th {
  border-top: 0;
}
table.passDet tr:last-child td {
  border-bottom: 0;
}
table.passDet tr td:first-child,
table.passDet tr th:first-child {
  border-left: 0;
}
table.passDet tr td:last-child,
table.passDet tr th:last-child {
  border-right: 0;
}
table.passDet .HeaderBirth{
    width:70px;
    height:16px; 
}
table.passDet .HeaderPass{
    width:60px;
    height:16px; 
}
table.passDet .HeaderNat{
    width:60px;
    height:16px; 
}

table.passDet.domestic .HeaderNat{
    width: 160px;
    text-align: left;
    padding: 0 0 0 16px;
}
table.passDet .HeaderName{
    width:150px;
    height:16px; 
}
table.passDet .HeaderBirPl{
    width:65px;
    height:16px; 
}
table.passDet .HeaderDate{
    width:196px;
    height:16px; 
}
table.passDet .Col80{
    width:80px;
    height:20px; 
    color:#333333;
    text-align:center;
}
table.passDet .Col80L{
    width:80px;
    height:20px; 
    color:#333333;
    padding:0 0 0 0;
    text-align:center;
}
table.passDet.domestic .Col80L {
    width:160px;
    text-align:left;
}
table.passDet .Col60L{
    width:60px;
    height:40px; 
    color:#333333;
    padding:0 0 0 0;
    text-align:center;
}
table.passDet .Col60L.Left {
    text-align:left;
}
table.passDet .Col170{
    width:160px;
    height:20px; 
    text-align:center;
    color:#333333;
    padding:0;
}
table.passDet .Col196{
    width:196px;
    height:20px; 
    text-align:center;
    color:#333333;
}
table.passDet .VehDetails{
    width:98px;
    height:16px; 
}
table.passDet .Col98{
    width:98px;
    height:20px; 
    text-align:left;
    color:#333333;
    padding:0 0 0 20px;
}
table.passDet .Col98C{
    width:98px;
    height:20px; 
    text-align:center;
    color:#333333;
}

.GfcInput, .GfcInputDIS {
    width:82px; 
    height:17px;
    border: 1px solid #7F9DB9;
	padding-left:3px;
	margin:0 4px 0 0; font-size:11px;
	background-color:#fbb41a;
}

.GfcInputDIS
{
    background-color:#fff!important;
    margin-right:9px!important;
    color:#747474!important;
}

.plateInput{border:1px solid #819ebc; width:140px; height:23px; padding:0 0 0 2px;}
.delInput{border:1px solid #819ebc; width:120px; height:23px; padding:0 0 0 2px;}

.border{border-bottom: 1px solid #999999;width:650px;margin:0 3px 0 3px;}
#panelDoBooking{height:auto; width:100%; overflow:hidden; margin:0 0 40px 0; float:right;}
#panelDoBooking .termsLink{margin:0 15px 15px 0; float:right;}
    #panelDoBooking .termsLink input{margin:0 6px 0 0; vertical-align:middle;}
    #panelDoBooking .termsLink a{color:#286CAB; font-weight:bold; text-decoration:none;}
    #panelDoBooking .termsLink a:hover{text-decoration:underline;}
    
table .PersDetails 
{
    color:#333333;
    font-size:12px;
    margin:0 0 0 0;
    width: 424px;
}

#BankTxt, #CardTxt{display:block; width:100%; text-align:center; border-bottom:1px solid #cccccc; padding:0 0 20px 0; margin:0 0 20px 0;}
#CardTxt
{
    margin:0 0 3px 0;
}

table .PaymDetails
{
    color:#333333;
    font-size:12px;
    margin:0 0 0 0;
    width: 100%;
}

table .PaymDetails .titles{padding:0 0 0 30px;}
table .PaymDetails select{margin:2px 0 8px 30px;}

table .PaymDetails .titlesBold{padding:0 30px 0 0px; font-weight:bold;}
table .PaymDetails .mainInput{
    border:1px solid #819ebc; width:160px; height:23px; padding:0 0 0 2px; margin:2px 0 0px 30px;
}
table .PaymDetails .mainInputSmall{
    border:1px solid #819ebc; width:32px; height:23px; padding:0 0 0 2px; margin:2px 2px 0 0;
}

#lblFootnote{display:block; text-align:right; padding:0 15px 15px 0;}

.ContactTitle{background:#6899C4; color:#ffffff; font-weight:bold; border-bottom:1px solid #999999; width:424px; padding:5px 0 5px 10px; margin:0 0 8px 0;}
table .PersDetails .titles{ padding:0 0 0 20px;}
table .PersDetails .mainInput{
    border:1px solid #819ebc; width:160px; height:23px; padding:0 0 0 2px; margin:2px 0 8px 20px;
}
table .PersDetails .bigInput{
    width:380px; border:1px solid #819ebc; height:50px; padding:2px; margin:2px 0 8px 20px;
}



.ValidateArea 
{
    color:#fff !important;
    font-size:11px;
    height:auto;
    overflow:hidden;
    padding:6px 8px 6px 8px;
    background-color:#C44737;
    border:1px solid #ccc;
    width:634px;
    display:block;
    margin:4px 2px 4px 2px; 
    font-weight:normal;
}
.validate
{
    color:#C20813 !important;
    font-size:11px;
}
table #radioPayment
{
    width:467px;
    border-bottom:1px solid #999999;
    font-weight:bold;
    color:#ffffff;
    background:#6899c4;
    padding:0;
    text-align:center;
}
    table #radioPayment label{ padding-left:5px;}
    
ul.ccradiobox
{
    margin: 6px 0;
    list-style-type:none;
    width:100%;
    padding:0;
}
    
ul.ccradiobox li
{ 
    display:inline-block;
    width:15.5%;
    margin:0 0.5% 0.5% 0;
}
    
ul.ccradiobox li:nth-child(6) {
    margin:0 0 0.5% 0;
}

ul.ccradiobox span
{
    width:100%;
    padding:0 0 2px 0;
    height:38px;
    overflow:hidden;
    border:1px solid #dcdada;
    background-color:#e4e1e1; 
    display:inline-block;
}
    
    ul.ccradiobox span input
    {
        margin:12px 0 0 2px;
    }
    
    ul.ccradiobox span.selected
    {
        border:1px solid #286cab;
    }
    
    ul.ccradiobox span.visa
    {
        background-image: url(../images/visa.png);
        background-position: 16px 3px;
        background-repeat: no-repeat;
        background-size: 53px 34px;
        position: relative;
    }
    
    ul.ccradiobox span.mastercard
    {
        background-image: url(../images/mastercard.png);
        background-position: 16px 3px;
        background-repeat: no-repeat;
        background-size: 53px 34px;
        position: relative;
    }
    
    ul.ccradiobox span.amex
    {
        background-image: url(../images/americanexpress.png);
        background-position: 16px 3px;
        background-repeat: no-repeat;
        background-size: 53px 34px;
        position: relative;
    }
    
    ul.ccradiobox span.diners
    {
        background-image: url(../images/diners.png);
        background-position: 16px 3px;
        background-repeat: no-repeat;
        background-size: 53px 34px;
        position: relative;
    }
    
    ul.ccradiobox span.visadebit
    {
        background-image: url(../images/visadebit.png);
        background-position: 16px 3px;
        background-repeat: no-repeat;
        background-size: 53px 34px;
        position: relative;
    }
    
    ul.ccradiobox span.maestro
    {
        background-image: url(../images/maestro.png);
        background-position: 16px 3px;
        background-repeat: no-repeat;
        background-size: 53px 34px;
        position: relative;
    }
    
    ul.ccradiobox span label
    {
        padding:0 0 0 50px;
        font-size:11px;
        color:#333333;
        font-weight:bold;
        margin:0 0 0 3px;
        letter-spacing:-0.02em;
    }
    
    ul.ccradiobox span label span
    {
        min-height:auto;
        border:none;
        background-color:none; 
        display:block;
        margin:-20px 0 0 75px;
    }
    
    ul.ccradiobox span label font
    {
        color:#286cab;
        display:block;
        font-size:13px;
        width:40px;
        top:14px;
        left:75px;
        position:absolute;
    }
    
    ul.ccradiobox span label div
    {
        color:#333333;
        font-size:9px;
        font-weight:normal;
        letter-spacing:normal;
        margin:13px 0 0 4px;
    }
    
table .panelBank { text-align:center; height:192px;margin:0 0 0 0;width:468px;}
table .panelBank .note{ text-align:left; line-height:14px;}
table .panelBank .note font{ color:#CC0001; font-weight:bold;}
table .panelBank label{padding-left:6px; font-weight:bold;}

table .panelCC { text-align:left; height:216px; width:100%; padding:0 10px 0 0;}
 table .panelCC .underline{ text-decoration:underline; padding:0 0 0 0;}
 table .panelCC .underline img{ float:right;}


img.info{margin:0 0 -4px 0;}
img.info2{margin:0 0 28px 0;}


.tTip{width:18px; float:right; margin:2px 4px 0 0; cursor:pointer;}
.tTip1{width:18px; float:left; margin:0 0 0 6px; cursor:pointer;}
.tTipCvv{width:18px; float:right; margin:2px 4px 0 0; cursor:pointer;}

a.info-tip3 {cursor:pointer; background:#ece8d0; border:1px dotted #999999; color:#333333; width:82px; height:auto; overflow:hidden; font-size:11px; line-height:13px; font-weight:normal; padding:8px 18px 4px 6px; margin:0 auto; display:inline-block; text-align:left; text-decoration:none; }
.MinOffer a.info-tip3 {padding: 8px 6px 4px 6px; text-align:center; width:200px; line-height: 15px;}
.earlyimg{position:absolute; top:-9px; right:42px; background:url(../images/info_icon_red.png) no-repeat; width:18px; height:18px; }
.MinOffer .earlyimg {left: 95px;}
#ANSF, #MIN, #GRI, .MinOffer {
    position: relative;
}
.buttonWrapper{ clear:both; width:270px;margin:0 0 0 0;height:auto; overflow:hidden;position:relative; bottom:-24px; left:0;}

div.cvv{background:url(../images/cvv.png) no-repeat; background-position:center 0; width:350px; padding:330px 0 0 0; text-align:center;}

ul.BulletPoints { margin:10px 0 0 -20px;}
ul.BulletPoints li{ line-height:16px; padding:12px 12px 12px 30px;background:url(../images/bullet.png) no-repeat; background-position:0 16px; list-style:none; font-size:12px; font-weight:bold; color:#8B8F92;}

#ansfDialog {display:none;}
#dialog, #dialogTerms{font-size:12px; line-height:18px; padding:20px 0 20px 20px; display:none;}
    #dialogTerms p.title{font-weight:bold;}
    #dialogTerms p{margin:0; padding:8px 12px 0 0; text-align:justify;}
    #dialogTerms a{color:#286CAB; text-decoration:underline;}
    #dialogTerms ul{ list-style-type:circle; padding:0 0 0 14px;}
    #dialogTerms ul li{padding:0 20px 0 12px;}
    #dialogTerms span.gfcemail{background:url(../images/eco-contact.gif) no-repeat 0 0; width:102px; height:13px; display:inline-block; margin:0 0 -2px 0;}


#LeftContainerWrap{ width:270px; height:auto; overflow:hidden; float:left;}
#LeftContainerWrap #LeftContainerTop{background:url(../images/terms-box-bg-left.jpg) repeat-y; height:276px; background-position:top left;}
#LeftContainerWrap #LeftContainerMid{background:url(../images/terms-box-bg.jpg) repeat-y; height:auto; overflow:hidden; padding:5px 0 5px 0;}
#LeftContainerWrap #LeftContainerBot{background:url(../images/terms-box-bg-right.jpg) repeat-y; height:276px;background-position:top right;}

/*************Confirmation page***************************/
.conf_title{width:821px; background:#0c74bb; border:1px solid #707070; font-size:14px; color:#fff; font-weight:bold; text-align:center; margin:80px auto 0 auto; padding:2px 0 3px 0; position:relative;}
    
.conf_text{width:821px; min-height:540px; border:1px solid #9c9c9c; background:#fff; font-size:16px; color:#333333; text-align:center; margin:6px auto 60px auto; padding:0;}
    .conf_text .leftCol{float:left; width:252px; height:400px;}
    .conf_text .leftCol img{ margin:20px auto 20px auto;}
    .conf_text .leftCol .bpm{width:215px; height:auto; overflow:hidden; margin:0 auto 0 auto; color:#666666;}
        .conf_text .leftCol .bpm .top{background:url(../images/bpm-up.png) no-repeat; width:215px; height:48px;}
        .conf_text .leftCol .bpm .mid{background:url(../images/bpm-in.png) repeat-y; width:215px; height:auto; overflow:hidden; font-size:14px;}
        .conf_text .leftCol .bpm .mid p.logo{font-size:10px; padding:0; margin:0;}
        .conf_text .leftCol .bpm .mid p{line-height:20px;}
        .conf_text .leftCol .bpm .mid p font{font-size:19px;}
        .conf_text .leftCol .bpm .mid p a{color:#0f5380; text-decoration:underline;}
        .conf_text .leftCol .bpm .mid p a:hover{text-decoration:none;}
        .conf_text .leftCol .bpm .bottom{background:url(../images/bpm-down.png) no-repeat; width:215px; height:28px;}
        
    .conf_text .rightCol{float:left; width:569px; height:auto; overflow:hidden; text-align:left; padding:40px 0 0 0;}
        .conf_text .rightCol p{font-size:14px; padding:10px 16px 10px 0; margin:0; line-height:20px;}
        .conf_text .rightCol p a{color:#0f5380; text-decoration:underline;}
        .conf_text .rightCol p a:hover{text-decoration:none;}
    .conf_text .yellBox{clear:both; width:821px; height:139px; border-top:1px solid #b3b3b3; background:#ffefbb;}
        .conf_text .yellBox .phone{float:right; width:284px; height:139px;}
        .conf_text .yellBox .phone p{ font-size:14px; padding:6px 0 0 0; text-align:left;}
        .conf_text .yellBox .phone p strong{ display:block;font-size:22px; padding:10px 0 0 0;}
        .conf_text .yellBox .phone p font{display:block;font-size:12px;}
    
/*************Header & Footer  hidden labels***************************/
#selected-lang-1{ display:none; visibility:hidden;}
#selected-lang-title-1{ display:none; visibility:hidden;}
#lang-url-1{ display:none; visibility:hidden;}
#LogoTextLbl{display:none; visibility:hidden;}
#PhoneText1Lbl{display:none; visibility:hidden;}
#PhoneText2Lbl{display:none; visibility:hidden;}
#BpmLbl{display:none; visibility:hidden;}

p.holidayText-msg{ text-align:center;}
p.holidayText-msg span{font-weight:bold;}

/*************no itinerary requst form***************************/
#noItinPanel{width:width; border:1px solid #c51626; background:#FFFFFF; margin:20px 0 0; padding:2px;}
#noItinPanel .wrapMsg{
    background-color: #E3E8EE;
    border: 1px solid #c51626;
    color: #656565;
    display: table-cell;
    font-size: 12px;
    font-weight: bold;
    height: 70px;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    width: 650px;
}
#noItinPanel .wrapMsg span{ line-height:16px;}
#noItinPanel .wrapMsg a{color:#c51626;text-decoration:underline;}
#noItinPanel .wrapMsg a:hover{text-decoration:none;}
#panelPrefCompany span{color:#333333; font-size:13px; font-weight:bold; padding-right:20px;}
.wrap2 {border:1px solid #9c9c9c; border-top:none; margin-top:-3px;}
.wrap2 table.passDet{padding:12px; text-align:left!important; margin-bottom:10px;}
.wrap2 table.passDet .Col170{padding:0 0 0 20px!important;}
.wrap2 table.passDet .Col80{padding:0!important;}
.wrap2 table.passDet .Col196{padding:0!important;}
.wrap2 table.passDet .Col98{padding:0 0 0 20px!important;}
.wrap2 table.passDet .HeaderName{padding:0 0 0 20px!important;}
.wrap2 table.passDet .VehDetails{padding:0 0 0 20px!important;}
.wrap2 table.passDet .select {float:left; margin-left:4px;}
.wrap2 table.passDet .select-mid2{float:left; margin-left:4px;}
.wrap2 table.passDet span.select{background:none; visibility:hidden; display:none;}
.wrap2 table.passDet span.select-mid2{background:none; visibility:hidden; display:none;}
.panelContact2{margin:-18px 0 0 0;}
.panelContact2 .PersDetails{border:1px solid #999999; font-size:11px; width:655px; padding-left:1px; background:#fff;}
.panelContact2 span.titles{color:#333333; font-weight:bold; display:block; padding:8px 0 3px 22px;}
.panelContact2 .surnameInput{ margin:0 0 0 20px; font-size: 11px !important;height: 20px !important;}
.panelContact2 .bigInput{margin:0 0 12px 20px; border:1px solid #819EBC;padding-left:3px;width:344px;font-size: 11px !important;}
.panelContact2 .tTip1{margin:20px 42px 0 0!important; float:right!important;}
.panelContact2 #radioPayment{background:none; border:none; padding:0 0 5px 14px; text-align:left; width:auto!important;}
.panelContact2 #radioPayment label{color:#333333!important; font-weight:normal;}

#UpdatePanel1 table.results, #UpdatePanel1 table.resultsDom, #UpdatePanel1 .clubPanel, #UpdatePanel1 .clubPanelDom{background-color:#fefbec; }
#UpdatePanel2 table.results, #UpdatePanel2 table.resultsDom, #UpdatePanel2 .clubPanel, #UpdatePanel2 .clubPanelDom {background-color:#e7f6fb;}
#UpdatePanel3 table.results, #UpdatePanel3 table.resultsDom, #UpdatePanel3 .clubPanel, #UpdatePanel3 .clubPanelDom {background-color:#fbfbfb;}
#UpdatePanel4 table.results, #UpdatePanel4 table.resultsDom, #UpdatePanel4 .clubPanel, #UpdatePanel4 .clubPanelDom {background-color:#f3f3f3;}
#UpdatePanel5 table.results, #UpdatePanel5 table.resultsDom, #UpdatePanel5 .clubPanel, #UpdatePanel5 .clubPanelDom {background-color:#e3e3ef;}
#UpdatePanel6 table.results, #UpdatePanel6 table.resultsDom, #UpdatePanel6 .clubPanel, #UpdatePanel6 .clubPanelDom {background-color:#e9f4e3;}

.clubPanel, .clubPanelDom {border:1px solid #9C9C9C; border-top:none; margin:-14px 0 14px 0; color:#333333; padding:8px; clear:both; height:auto; overflow:hidden;}
.clubPanelDom{margin:0 0 14px 0!important;}
.clubPanel a.clubLink, .clubPanelDom a.clubLink{color:#333333; font-weight:bold; text-decoration:underline;}
.clubPanel a.clubLink:hover, .clubPanelDom a.clubLink:hover{text-decoration:none;}
.clubPanel table, .clubPanelDom table{border:none; margin:20px 0 10px 50px; width:390px; float:left;}
.continuePanel{padding:0;}
.continuePanel table{border:none; margin:0 auto; width:114px; float:right; border-left:1px solid #999999; padding:0 0 6px 0;}
.clubPanel table tr td, .clubPanelDom table tr td{width:200px;}
.clubPanel div.changeRow{margin:0 0 0 20px; width:100px; float:right;}
.clubPanel .ButtonBookRound, .clubPanelDom .ButtonBookRound{ float:right;margin:20px 10px 0 0; font-size:11px; padding:0; height:27px;}

/*************CD warning Panel***************************/
.cdWarn{ padding-top:100px; color:Red;}

#tl_popupSC5{z-index:1000!important;}