/* Revision date: 07.11.2011 - 16:30 Uhr */

/* ************************************** */
/* *******     GENERAL STYLES     ******* */
/* ************************************** */

body {
    margin: 0;
    padding: 0;
    background-color: #FFF;
    font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
    color: #000;
    width: 100%;
}

wbr:before { content: "\200B" }
 
img { border: none; }

a   { color: #000; outline: none; }

.goLeft		{ float: left; }
.goRight	{ float: right; }
.clear		{ clear: both; }

.hidden		{ display: none; }
.inline		{ display: inline; }
.block		{ display: block; }

.left		{ text-align: left; }
.center		{ text-align: center;}
.right		{ text-align: right; }
.strong		{ font-weight: bold; }

.important  { color: #F00; width: 100%; }


#wrapper {
    width: 810px;
    position: relative;
    margin: 0 auto 0 auto;
    padding: 15px 0 0 0;
}

#maintab,
#maintabSmall {
    margin: 0 0 0 24px;
    padding: 0;    
    width: 510px;
    position: relative;
    border: none;
}
    #maintab        { top: 2px; }
    #maintabSmall   { top: 0; }

	#maintab input,
	#maintab img,
	#maintabSmall input,
	#maintabSmall img {
		border: none; 
        padding: 0;
        margin: 0;
	} 
	#maintab input,
	#maintab img {
		height: 34px;
	}
	#maintabSmall input,
	#maintabSmall img {
		height: 28px;
	}
	
    #maintab input.hop3pxleft,
    #maintabSmall input.hop3pxleft {
    	margin-left: -3px; 
    }

#content {
    width: 766px;
    background-color: #DFDFDF;
    border: solid 1px #A8A8A8;
    padding: 6px;
    float: left;
}
#innercontent {
    background-color: #FFF;
    border: solid 1px #A8A8A8;
    padding: 10px 10px 20px 10px;
}
    #innercontent span#errors {
        float: left; 
        width: 410px; 
        padding-left: 20px; 
        display: none; 
        border-left: dotted 1px #CECECE; 
    }


#maincontent,
#logincontent {
	margin-top: 13px;
    height: 100%;
}
    #maincontent {
	    padding: 20px 10px;
	    background-color: #F5F5F5;
	    border: solid 1px #E0E0E0;        
    }
    #logincontent {
        padding: 15px 10px;
	    background-color: #FFF;
	    border: none;
    }
	    #logincontent input { width: 150px; }
	
	    #logincontent #btnLogin {
		    width: auto;
		    margin-top: 15px; 
		    padding: 0 2px; 
		    background-color: #F0F0F0;
	    }		


#footer {
    background-color: #DFDFDF;
    border: solid 1px #A8A8A8;
    border-top: none;
    position: relative; 
    top: -2px; 
    width: 778px;
    min-height: 50px;
    margin-left: 24px;
}
    #footer div {
    	line-height: 50px; 
	}
		#footer #copyright {
			padding: 0 0 0 20px; 
			float: left; 
			line-height: 25px;
		}
		#footer #rss {
			vertical-align: middle; 
			height: 50px; 
			line-height: 50px; 
			padding: 5px 0 0 10px; 
			float: left; 
		}
		#footer #corplogo {
			padding: 0 20px 0 0; 
			float: right; 
		}


input, select {
    border: solid 1px #A8A8A8;
    font-size: 11px;
    height: 18px;
    color: #000;
}
    input#btnSearchXtremePricer,
    input#btnSearchNormal { border: none; }
    
select {
    height: 20px;
    margin-top: 1px;
}      
input.checkbox, input.radio,
span.radio input, span.checkbox input {
    border: none;
    vertical-align: middle;
}
    

button.button {
	font: 11px/15px Tahoma, Helvetica, Arial, Verdana; 
	color: #000; 
	border: solid 1px #A8A8A8;
    background-color: #F0F0F0;
}

button, 
input[type="reset"], 
input[type="button"], 
input[type="submit"] { height: 20px; line-height: 18px !important; cursor: pointer; }

input:focus, select:focus, button:focus,
input[type="reset"]:focus, 
input[type="button"]:focus, 
input[type="submit"]:focus,
#logincontent #btnLogin:focus,
#asContent a.linkButton:focus,
#singlefares a.linkButton:focus,
#searchbookings #btnSearchQuick:focus,
#searchbookings #btnImport:focus,
#searchbookings #btnSearc:focus,
.airlinealliance #btnFirstAvail:focus,
.airlinealliance #btnAvail:focus,
#offerWrapper_fd a.linkButton:focus,
#offerWrapper_afd a.linkButton:focus,
#offerWrapper_btn a.linkButton:focus { border: solid 1px #FFA500; background-color: #FBF3E2; outline: 0; }

input[type="checkbox"]:focus,
input[type="radio"]:focus,
input#btnOpenFlightRules,
input#btnOpenFlightDetails      { border: none; background-color: inherit; }

input[type="image"]:focus       { border: none; background-color: transparent !important; }

input::-moz-focus-inner         { border: 0; }

  
hr {
    background-color: #D2D2D2; 
    height: 1px; 
    border: none;
    border-top: solid 1px #D2D2D2;
    margin: 10px 0;
}
hr.dotted { border-top: dotted 1px #D2D2D2; }
	
span.hr   {
	display: block;
	height: 10px;
	border: none;
	border-bottom: solid 1px #D2D2D2;    
	margin-bottom: 10px;
}

.paging     { float: right; text-align: right; margin-bottom: 8px; }
.paging a   { text-decoration: none; }

.totop      { float:left; margin: 10px 0; background: url(/ImagesAgent/top-arrow.gif) no-repeat 0 5px; padding-left: 13px; }
.totop a    { text-decoration: none; }


#logincontent #txtUsername { margin-bottom: 7px; }

#logincontent .requirements {
    display: block;
    height: 30px;
    color: #F00;
    font-weight: bold;
    background: url(/ImagesAgent/error.gif) no-repeat left;
    background-position: 0 0;
    padding: 5px 0 0 35px;
    vertical-align: middle;
}

#logincontent #errors img    { margin-right: 3px; }
#logincontent #errorPopup ul { list-style-type: disc; list-style-position: outside; margin: 0 0 0 15px; padding: 0; }


.Hand { cursor: hand; }

.validatorCalloutHighlight  { background-color: #FFFACD; }
.validatorCalloutBackground { background-color: #F5F5F5; }

.foreignPrice { font-size: 11px; }


/* ******************************* */
/* *******     TOOLBOX     ******* */
/* ******************************* */

#toolbox {
    width: 24px;
    height: 105px;
    float: left;
    position: relative;
    top: 23px;
    z-index: 220;
}
#quickquery img.main {
	position: absolute; 
	top: 152px; 
	left: 0; 
	z-index: 230; 
}

#toolboxpanel,
#pnQuickQuery {
    width: 215px;
    padding: 25px 10px 10px 10px;
    background-color: #FFF;
    border: solid 1px #A8A8A8;    
    z-index: 210;
    left: 24px;
    display: none;
    position: absolute; 
}
    #pnQuickQuery { top: 155px; height: auto; }
    #toolboxpanel { top: 74px; height: 235px; }
    
    #toolboxpanel a.maininactive,
    #toolboxpanel a.maininactive:hover,
    #toolboxpanel a.mainactive,
    #toolboxpanel a.mainactive:hover {
        text-decoration: none;
        padding-left: 15px;
        line-height: 20px;   
    }
        #toolboxpanel a.maininactive { background: url(/ImagesAgent/plus.gif) no-repeat left; font-weight: normal; }
        #toolboxpanel a.mainactive   { background: url(/ImagesAgent/minus.gif) no-repeat left; font-weight: bold; }
        
    #toolboxpanel a.subinactive,
    #toolboxpanel a.subinactive:hover,
    #toolboxpanel a.subactive,
    #toolboxpanel a.subactive:hover {
        font-weight: normal;
        line-height: 18px;
        padding-left: 20px;
    }
        #toolboxpanel a.subinactive { text-decoration: none; }
        #toolboxpanel a.subactive	{ text-decoration: underline; }
    
    #toolboxpanel #tbflightblock div { border-bottom: solid 1px #EFEFEF; height: auto; }
    #toolboxpanel #tbadminblock div  { padding-left: 15px; height: auto; }
    
.toolboxpanel #innerdiv { height: 100%; }
.toolboxpanel .innerst  { display: inherit; }

#ifTB { position: absolute; height: 175px; width: 230px; top: 170px; left: 32px; z-index: 209; visibility: hidden; }


/* ********************************************************* */
/* *******     TABS (Search, Fares, Booking ...)     ******* */
/* ********************************************************* */

#tabs { position: absolute; top: 59px; }

#tabs ul {
    list-style-type: none;
    margin: 0 0 10px 20px;
    padding: 0;
    line-height: 29px;
}
    #tabs ul li {
        float: left;
        width: 200px;
        display: block;
        padding-left: 35px;
        margin: 0;
        font-weight: normal;            
    }
    #tabs ul.ticket li	{ width: 140px; }
    #tabs ul li.active	{ font-weight: bold; }
        
    #tabs ul li a,
    #tabs ul li a:hover { text-decoration: none; }       
    
#tabs div { margin-top:-10px; padding:10px 0 0 0; }
        

/* ************************************ */
/* *******     FLIGHT QUERY     ******* */
/* ************************************ */

#txtOutboundDepartureAirport_Extender_completionListElem,
#txtOutboundArrivalAirport_Extender_completionListElem, 
#txtInboundDepartureAirport_Extender_completionListElem,
#txtInboundArrivalAirport_Extender_completionListElem { margin: 0 !important; width: auto !important; max-width: 350px !important; }


#query_flightdetails { width: 415px; float: left; padding: 0; }

#query_airports      { width: 270px; float: left; padding: 0; }
#query_airports span { padding: 0; float: left; }

#query_flightoptions { width: 140px; text-align: right; padding: 0; float: right; }

#query_summary {
    width: 290px;
    height: 100%;
    border: solid 1px #CECECE;
    float: right;
    background-color: #FAFAFA;
}
    #query_summary .querysummary-head    { background-color: #FFF; border-bottom: solid 1px #DADADA; padding: 3px 5px; }
    #query_summary .querysummary-content { background-color: #FAFAFA; padding: 5px; }
    
	#query_summary #spanRemainingQueries { padding: 4px 5px; border-top: dotted 1px #BABABA; }

.query_errorCode,
.query_errorCode_af {
	width: 290px; 
	float: right; 
	color: red; 
	vertical-align: top; 
	font-weight: bold;
}
.query_errorCode    { margin: -100px 0 0 0; }
.query_errorCode_af { margin: -75px 0 0 0; }

#query_date { margin-top: 30px; }
    #query_date span { float: left; }
    
    #query_date input#ctl00_cphContent_calOutboundDepartureDate_Button,
    #query_date input#ctl00_cphContent_calInboundDepartureDate_Button {
        vertical-align: middle;
        height: 16px;
    }

        
#query_passengers div, 
#query_passengers div span { float: left; }

#query_fares { float: left; width: 290px; }

#query_optional     { float: left; width: 430px; }
.query_optional_box { width: 415px; border: solid 1px #D4D3D3; }

.optional-box-header    { background-color: #E9E9E9; border: solid 1px #FFF; padding: 3px 5px; }
.optional-box-content   { padding: 5px; }
.optional-box-footer    { background-color: #E9E9E9; line-height: 6px; border: solid 1px #FFF; }
    
.optional-box-cabinclasses  { float: left; width: 310px; }
.optional-box-currency      { float: right; text-align: right; border-left: dotted 1px #D4D3D3; padding-left: 15px; }
    
.optional-box-preferredairlines-head        { float: left; width: 300px; margin-bottom: 7px; font-weight: bold; }
.optional-box-preferredairlines-expertmode  { float: right; text-align: right; }
.optional-box-preferredairlines-standard    { display: block; }
.optional-box-preferredairlines-expert      { display: none; }
.optional-box-preferredairlines-include     { float: left; width: 125px; }
.optional-box-preferredairlines-exclude     { float: left; width: 125px; margin-left: 25px; }
       
.optional-box-preferredairlines-expert img.info { margin: 17px 0 0 8px; cursor: help; }



.radius1, .radius2,
.radius3, .radius4 {
    display: none; 
    background-color: #FFF; 
    position: absolute; 
    left: 205px; 
    width: 50px; 
    padding: 10px 15px; 
    z-index: 210;
    cursor: pointer;
    border: solid 1px #D7D7D7;
}
    .radius1 { top: 35px; }
    .radius2 { top: 74px; }
    .radius3 { top: 112px; }
    .radius4 { top: 150px; }        

    .radius1 span, .radius2 span,
    .radius3 span, .radius4 span {
        display: inline;
        width: 100%;
        text-align: right;
        margin: 0;
        padding: 0;
    }
        .radius1 span.over, .radius2 span.over,
        .radius3 span.over, .radius4 span.over {
            background-color: #F0F0F0;
            font-weight: bold;
        }
        .radius1 span.out, .radius2 span.out,
        .radius3 span.out, .radius1 span.out { background-color: #FFF; }
        
        .out a, .over a { text-decoration: none; }
  
#query_fares .section,
#ticketOrder_fares .section {
  position: absolute;
  margin-top: 0;
  background-color: #FFF;
  border: solid 1px #CECECE;
  padding: 5px 10px;
  z-index: 50;
  height: auto;
}
    #query_fares .section span.hr,
    #ticketOrder_fares .section span.hr {
        display: block;
        height: 5px;
        border: none;
        border-bottom: solid 1px #D2D2D2;    
        margin: 0 0 5px 0;
        padding: 0;
    }

.preferedAirlines {
	background-color: #FFF;
	max-height: 150px;  
	height: auto !important; /* wichtig für IE6 !! */
	height: 150px;			 /* wichtig für IE6 !! */
	overflow-y: auto;
	margin: 0;
	padding: 0;
	border: solid 1px #A8A8A8;
}

.popupControl {	/* für Popups bei fare types */
	position: absolute;
	left: -400px;
	visibility: hidden;
	z-index: 2;
}

/* ********************************** */
/* *******     WAITSCREEN     ******* */
/* ********************************** */

#waitscreenwrapper          { width: 595px; margin: 15px auto; }
#waitscreenwrapper #content { width: 581px; background-color: #DFDFDF; border: solid 1px #A8A8A8; padding: 6px; float: left; margin: auto; }
#waitscreenwrapper #image   { border: none; text-align: center; margin: 5px auto 5px auto; display: block; }
#waitscreenwrapper #section { margin: 10px 0 20px 57px; font-weight: bold; }
#waitscreenwrapper #text	{ margin: 20px 0 10px 57px; }
#waitscreenwrapper #footer  { width: 593px; margin: 0; }

embed { vertical-align: middle; }
      

/* *********************************** */
/* *******     FAREDISPLAY     ******* */
/* *********************************** */

#faredisplay {
    background-color: #F8F8F8;
    border: solid 1px #E0E0E0;
    padding: 20px 10px 10px 10px;
    margin-top: 13px;
    height: 1%;
}

#tab {
    background-color: #FFF;
    border: solid 1px #FF8B03;
    border-bottom: none;
    margin: 0 0 0 10px;
    padding: 10px;
    width: 40px;
    font-weight: bold;
    line-height: 7px;
    text-align: center;
    color: #000;
    position: relative;
    top: 1px;
    float: left;
}
#selector { float: right; }


#faresfound {
    border: solid 1px #FF8B03;
    line-height: 22px;
    height: 22px;
    background-color: #FFF;
    padding: 0 5px 0 17px;
}

#filterbox span.textbox input {
    border: none;
    vertical-align: middle;
    margin-top: 0;
    padding: 0; 
}

#filterbox a {
  text-decoration:none;
  border: solid 1px #CECECE;
  padding: 2px 5px 2px 5px;
  background-color: #F0F0F0;
}

#fares {
	padding: 3px 0 10px 0;
	background-color: #F9F9F9;
    border: solid 1px #FF8B03;
    border-top: none;
    color: #000;
}
    #fares table {
        border: none;
        width: 100%;
        color: #000;
        font-size: 11px;
        padding-top: 10px;
    }
    #fares table td                 { line-height: 24px; border-bottom: solid 1px #E1E1E1; }
    #fares table td a               { text-decoration: none; color: #000; }
    
    #fares table.filterby td        { font-size: 10px; padding: 0 3px; }
    #fares table.filterby td.first  { font-weight: bold; font-size: 11px; }
    #fares table.filterby td.last   { border-bottom: solid 1px #F9F9F9; }
    
    #fares table.bestfare {
        border: solid 1px #E1E1E1;
        border-bottom: none;
        font-weight: bold;
        background-color: #FFF;
    }
        #fares table.bestfare td {
            padding: 0 30px 0 3px;
            line-height: 24px;
            border-bottom: solid 1px #FFF;
            background: #FFF url(/ImagesAgent/bestfare-plane.gif) no-repeat right;
            white-space: nowrap;
        }
        #fares table.bestfare td.first { background: #FFF url(/ImagesAgent/bestfare-sort-arrow.gif) no-repeat right; }
        
    #fares table.rotator { width: 1%; }
        #fares table.rotator td {
           padding: 0 3px;
           width: 1%;
           border-right: solid 1px #E1E1E1;
        }
            #fares table.rotator td.first {
                font-size: 10px;
                vertical-align: bottom;
                color: #000;
            }
            #fares table.rotator td.last { border-bottom: solid 1px #F9F9F9; }
            #fares table.rotator td a	 { white-space:nowrap; }            
 
 
 
/* NEU FÜR GEÄNDERTES FAREDISPLAY-DESIGN START */ 
 
#flightcontrolpanel,
#faressection,
#availabilitysection {
    background-color: #FFF;
    border: none;
    padding: 0;    
    height: 1%;
    width: 744px;
}
	#flightcontrolpanel  { margin: 20px 0 10px 0; }
	#faressection		 { margin: 0; }
	#availabilitysection { margin: 40px 0 0 0; }
	
	#flightcontrolpanel #arrangement table,
    #faressection #arrangement table,
    #availabilitysection #arrangement table,
    #flightcontrolpanel .arrangement table,
    #faressection .arrangement table,
    #availabilitysection .arrangement table {
        border: solid 1px #CECECE !important;    
    }
    
	

#flightcontrolpanel #fcpTab,
#faressection #fsTab,
#availabilitysection #asTab {
    background-color: #FFF;
    border: solid 1px #FF8B03;
    border-bottom: solid 1px #FFF;
    margin: 0;
    padding: 10px;
    width: auto;
    font-weight: bold;
    height: 1%;
    line-height: 7px;
    text-align: center;
    color: #000;
    display: block;
    position: relative;
    top: 1px;
    left: 10px;
    float: left;
}

#flightcontrolpanel #fcpSubtitle,
#faressection #fsSubtitle,
#availabilitysection #asSubtitle {
    border: solid 1px #FF8B03;
    line-height: 22px;
    height: 22px;
    background-color: #FFF;
    padding: 0 5px 0 17px;
    width: 722px;
    font-weight: bold;
    color: #000;
}

#flightcontrolpanel #fcpContent,
#faressection #fsContent,
#availabilitysection #asContent {
	background-color: #EEE; 
	width: 740px; 
	padding: 0px 2px 10px 2px;
	border: solid 1px #FF8B03;
	border-top: none;
}
#flightcontrolpanel #fcpContent { padding: 10px 5px 10px 5px; width: 734px; }

#availabilitysection #asContent .calculation table { border-top: solid 1px #C4C4C4; }




#flightcontrolpanel #routing_outbound { padding: 0 0 10px 0; border-bottom: solid 1px #CECECE; }
#flightcontrolpanel #routing_inbound  { padding: 0 0 10px 0; }


#routing_outbound_hl,
#routing_inbound_hl  { font-weight: bold; padding-left: 40px; color: #000; margin: 10px 0 10px 0; }
#routing_outbound_hl { background: url('/ImagesAgent/fares_outbound-plane.gif') no-repeat; }
#routing_inbound_hl	 { background: url('/ImagesAgent/fares_inbound-plane.gif') no-repeat; }


#flightcontrolpanel table.routing		   { width: 100%; border-collapse: collapse; }
#flightcontrolpanel table.routing td.first { font-weight: bold; text-transform: uppercase; text-align: left; }
#flightcontrolpanel table.routing td.last  { font-weight: bold; text-transform: uppercase; text-align: right; }


#faressection #fsFaresFound                     { float: right; font-weight: bold; }
#faressection #fsFaresFound #lblNumberOfFares   { font-weight: normal; }


#flightcontrolpanel #availabilitycheck,
#faressection #fareresults,
#availabilitysection #availabilityresults {
	line-height: 22px;
    height: 22px;
    background-color: #FFF;
    margin: 10px 0 10px -5px;
    padding: 0 5px 0 17px; 
    border-top: solid 1px #CECECE; 
    border-bottom: solid 1px #CECECE; 
    width: 722px;
    color: #000;
    font-weight: bold;
}
	#faressection #fareresults,
	#availabilitysection #availabilityresults { margin: 0 0 0 -2px; }
	 
		#faressection #fareresults a,
		#availabilitysection #availabilityresults a { text-decoration: none; }


#arrangement,
.arrangement {
    margin: 0 0 5px 0;
    padding-top: 5px;
    width: 100%;
}
#arrangement table,
.arrangement table {
    width: 100%;
    background-color: #F9F9F9;
    border-collapse: collapse;
    border: solid 1px #FF8B03 !important;
}
    #arrangement table th,
    .arrangement table th {
        width: auto;
        font-weight: normal;
        text-align: left;
        padding: 5px;
        vertical-align: bottom;
        border-left: solid 1px #CECECE;
        border-right: none;
    }
        #arrangement table th:first-child,
        .arrangement table th:first-child {
            border-left: none;
        }
        #arrangement table th span.section,
        .arrangement table th span.section {
            font-size: 10px;
            color: #000;
            display: inline;
            border: none;
            padding: 0;
            background-color: Transparent;
        }
        #arrangement table th span.sorter,
        .arrangement table th span.sorter	{ padding-left: 10px; }
        
        #arrangement table th a,
        .arrangement table th a				{ text-decoration: none; }
        
        
        
#asContent .fareheader {
	border: solid 1px #CECECE;
	width: 691px;
	height: 1%;
	padding: 2px 7px 7px 7px;
	margin: 20px 0 0 15px;
	background-color: #F7F7F7;
}
#asContent .fareheader span { float: left; display: block; }


#asContent .fareheader table.info		    { width: 100%; }
#asContent .fareheader table.info td	    { padding: 0 7px; }
#asContent .fareheader table.info td.price  { background-color: #D1D1D1; padding: 2px 7px; white-space: nowrap; }
    
    #asContent .fareheader table.info .togglelink,
    .fareheader table.info .togglelink,
    #farecontainer .togglelink {
        font-weight: bold;
        padding: 0 0 0 6px;
        width: 310px;
    }
        #asContent .fareheader table.info .togglelink a.inactive,
        #asContent .fareheader table.info .togglelink a.inactive:hover,
        .fareheader table.info .togglelink a.inactive,
        .fareheader table.info .togglelink a.inactive:hover,
        #farecontainer .togglelink a.inactive,
        #farecontainer .togglelink a.inactive:hover {
            line-height: 20px;
            height: 20px;
			vertical-align: middle;
            color: #000; 
            text-decoration: none;
            background: url(/ImagesAgent/plus.gif) no-repeat 0 1px;
            padding-left: 15px;
        }
        #asContent .fareheader table.info .togglelink a.active,
        #asContent .fareheader table.info .togglelink a.active:hover,
        .fareheader table.info .togglelink a.active,
        .fareheader table.info .togglelink a.active:hover,
        #farecontainer .togglelink a.active,
        #farecontainer .togglelink a.active:hover {
            line-height: 20px;
            height: 20px;
			vertical-align: middle;
            color: #000;
            text-decoration: none;
            background: url(/ImagesAgent/minus.gif) no-repeat 0 1px;
            padding-left: 15px;
        }
     
     #asContent .fareheader table.info .togglebutton,
     .fareheader table.info .togglebutton,
     #farecontainer { line-height: 20px; height: 20px; vertical-align: middle; }
     
        
     #asContent .fareheader table.info .ruleslink,
     .fareheader table.info .ruleslink,
     #farecontainer .ruleslink {
		background-color: #F5F5F5;
		color: #000; 
		font-weight: bold; 
		text-align: right; 
		padding-right: 8px;
		border-left: solid 1px #C4C4C4;
		width: 160px;
		line-height: 20px;
		height: 20px;
		vertical-align: middle;
     }
	#farecontainer .ruleslink { border-top: none; }
		 
	#asContent .fareheader table.info .ruleslink a,
	.fareheader table.info .ruleslink a,
	#farecontainer .ruleslink a	{
	    color: #000; text-decoration: none; 
	}
    
 
#farecontainer .displaycontent  { margin: -10px 0 10px 15px; padding: 0; }
.fareheader .displaycontent     { margin: 0; padding: 0; }


#farecontainer .rules,
.fareheader .rules {
	background-color: #F9F9F9;	 
	height: 288px; 
	border-bottom: solid 1px #CECECE;
	border-right: solid 1px #CECECE;
	border-top: none;
	border-left: none;
	overflow: scroll; 
	overflow-x: hidden; 
}
	#farecontainer .rules { width: 704px; }
	.fareheader .rules	  { width: 690px; }
	
	#farecontainer .rules table,
	.fareheader .rules table {
		width: 98%; 
		border-collapse: collapse; 
		background-color: #FFF; 
		empty-cells: show; 
	}
	#farecontainer .rules table td,
	#farecontainer .rules table th,
	.fareheader .rules table td,
	.fareheader .rules table th	{
		border: solid 1px #CECECE; 
		padding: 0 5px 0 5px; 
		line-height: 15px; 
	}
	#farecontainer .rules table th,
	.fareheader .rules table th	{
		text-align: left; 
		background-color: #F5F5F5;
		line-height: 18px; 
	}
	#farecontainer .rules table tr:hover,
	.fareheader .rules table tr:hover { background-color: #F9F9F9; } 
 
 
        
#asContent .fareheader .calculation table {
    width: 100%;
    color: #000;
}
	#asContent .fareheader .calculation table th,
	#asContent .fareheader .calculation table td {
    	vertical-align: top; 
    	padding: 0 5px 0 5px; 
    	line-height: 16px; 
    	text-align: right; 
    	white-space: nowrap;
    	width: 11%;
    }            
		#asContent .fareheader .calculation table th.first,
		#asContent .fareheader .calculation table td.first {
            text-align: left;
            width: 20%;
        } 
        
#asContent a.linkButton {
    text-decoration: none;
    border: solid 1px #A8A8A8;
    padding: 2px 5px 2px 5px;
    background-color: #F0F0F0;
    white-space: nowrap;
}
  
/*  
#asContent .totop {
    width: 705px;
    margin: -12px 0 0 15px;
    background: url(/ImagesAgent/top-arrow.gif) no-repeat 0 5px;
    padding-left: 13px;
}
*/
 
 #asContent .farecontent {
    border: solid 1px #CECECE;
    border-top: none;
    width: 705px;
    height: auto;
    margin: 0 0 0 15px;
	background-color: #FFF;
}
    
    #asContent .farecontent table { width: 100%; }
    #asContent .farecontent table .notavailable { background: url('/ImagesAgent/kreuz_red.gif') no-repeat 0 -3px; padding-left: 22px; }
    
	#asContent .farecontent table tr.title          { background-color: #E8E8E8; color: #000; height: 24px; }
    #asContent .farecontent table tr.title td       { vertical-align: bottom; border-right: solid 1px #D2D2D2; padding: 2px 5px; white-space: nowrap; }
    #asContent .farecontent table tr.title td.last  { border: none; text-align: center; }
        
    #asContent .farecontent table tr.details        { background-color: #FFF; color: #000; }
        #asContent .farecontent table tr.details td {
            min-height: 30px;
            height: auto !important;
            height: 30px;
            vertical-align: middle;
            border-right: solid 1px #D2D2D2;
            border-bottom: solid 1px #D2D2D2;
            padding: 5px;
            white-space: nowrap;
        }
        #asContent .farecontent table tr.details td.last {
            border-right: none;
            text-align: center;
            width: 20px;
        }
        

#asContent .farecontent table tr.details td table.flexible {
	border: none; 
	width: 110px !important;
	margin: 0; 
	padding: 0; 
} 
	#asContent .farecontent table tr.details td table.flexible td {
		border: none !important;
		width: 22px !important;
		height: 5px !important;
		padding: 0;
		font-size: 11px;
		text-align: center;
		text-decoration: none;
	  }              
	  #asContent .farecontent table tr.details td table.flexible td a {
	  	 text-decoration: none; 
	  	 border: none; 
	  	 background-color: Transparent; 
	  }


        
#asContent .book {
    width: 705px;
    color: #5A5A5A;
    border-top: solid 4px #E8E8E8;
    margin: 0 0 0 15px;
}
    #asContent .book span.note {
        float: left;
        display: block;
    }
    
    #asContent .book span.button {
		float: right;
		display: block;
		background-color: #FFF;
		border: solid 1px #DCDCDC;
		border-top: none;
		padding: 6px 8px 6px 8px;
		margin: -5px 5px 0 0;
	}
	
	
#asContent .prices-note { text-align: right; line-height: 14px; }

/* NEU FÜR GEÄNDERTES FAREDISPLAY-DESIGN ENDE */ 
 
        
       
                           
#singlefares { margin-top: 5px; color: #000; }
	
/* ******* FAREHEADER ******* */
#singlefares .fareheader {
    border: solid 1px #CECECE;
    width: 728px;
    height: auto;
    padding: 2px 7px 7px 7px;
    background-color: #F7F7F7;
}
    #singlefares .fareheader span {
        float: left;
        display: block;
    }
    
    #singlefares .fareheader span.popup,
    #selectedfare .fareheader span.popup,
    #farecontainer .PriceBox span.popup {
		position: absolute;
		margin-top: 0px;
		background-color: #FFF;
		border: solid 1px;
		padding: 5px 10px;
		line-height: 20px;
		z-index: 50;
		height: auto;
		display: none;
		white-space: nowrap;
    }
    
    #singlefares .fareheader table.info { width: 100%; }
        #singlefares .fareheader table.info td { padding: 0 7px; }
            #singlefares .fareheader table.info td.price {        
                background-color: #D1D1D1; 
                padding: 2px 7px;
                white-space: nowrap;
            }
            
            /* NEU FÜR GEÄNDERTES FAREDISPLAY-DESIGN START */
            
            #singlefares .fareheader table.info td.togglelink,
            #selectedfare .fareheader span.togglelink,
            #order_tariff div.togglelink {
                background-color: #E9E9E9;
                font-weight: bold;
                padding-left: 6px;
            }
                #singlefares .fareheader table.info td.togglelink a.inactive,
                #singlefares .fareheader table.info td.togglelink a.inactive:hover,
                #selectedfare .fareheader span.togglelink a.inactive,
                #selectedfare .fareheader span.togglelink a.inactive:hover,
                #order_tariff div.togglelink a.inactive,
                #order_tariff div.togglelink a.inactive:hover {
                    line-height: 20px;
                    color: #000; 
                    text-decoration: none;
                    background: url(/ImagesAgent/plus.gif) no-repeat 0 1px;
                    padding-left: 15px;
                }
                #singlefares .fareheader table.info td.togglelink a.active,
                #singlefares .fareheader table.info td.togglelink a.active:hover,
                #selectedfare .fareheader span.togglelink a.active,
                #selectedfare .fareheader span.togglelink a.active:hover,
                #order_tariff div.togglelink a.active,
                #order_tariff div.togglelink a.active:hover {
                    line-height: 20px;
                    color: #000;
                    text-decoration: none;
                    background: url(/ImagesAgent/minus.gif) no-repeat 0 1px;
                    padding-left: 15px;
                }
                
                /* NEU FÜR GEÄNDERTES FAREDISPLAY-DESIGN ENDE */
                
                
                    
/* ******* FARECONTENT ******* */        
#singlefares .farecontent {
    border: solid 1px #CECECE;
    border-top: none;
    width: 742px;
    height: auto;
}
    
    #singlefares .farecontent table,
    #selectedfare .farecontent table { width: 100%; }
        #singlefares .farecontent table tr.title,
        #selectedfare .farecontent table tr.title {
            background-color: #E8E8E8;
            color: #000;
            height: 24px;
        }
            #singlefares .farecontent table tr.title td,
            #selectedfare .farecontent table tr.title td {
                vertical-align: bottom;
                border-right: solid 1px #D2D2D2;
                padding: 2px 5px;
                white-space: nowrap;
            }
            #singlefares .farecontent table tr.title td.last,
            #selectedfare .farecontent table tr.title td.last {
                border: none;
                text-align: center;
            }
            
        #singlefares .farecontent table tr.details,
        #selectedfare .farecontent table tr.details {
            background-color: #FFF;
            color: #000;
        }
            #singlefares .farecontent table tr.details td,
            #selectedfare .farecontent table tr.details td {
                min-height: 30px;
                height: auto !important;
                height: 30px;
                vertical-align: middle;
                border-right: solid 1px #D2D2D2;
                border-bottom: solid 1px #D2D2D2;
                padding: 5px;
                white-space: nowrap;
            }
            #singlefares .farecontent table tr.details td.last,
            #selectedfare .farecontent table tr.details td.last {
                border-right: none;
                text-align: center;
                width: 20px;
            }
            #singlefares .farecontent table tr.details td input,
            #selectedfare .farecontent table tr.details td input {
                margin: 0;
                padding: 0;
                border: none;
            }     
        
#singlefares .book {
    width: 744px;
    color: #5A5A5A;
    border-top: solid 4px #E8E8E8;
}
    #singlefares .book span.note {
        float: left;
        display: block;
    }
    #singlefares .book span.button {
        float: right;
        display: block;
        background-color: #FFF;
        border: solid 1px #DCDCDC;
        border-top: none;
        padding: 4px 8px;
        margin-top: -5px;
    }
    #singlefares .book .flighttimes span.button {
      float: right;
      display: block;
      background-color: #FFF;
      border: solid 1px #DCDCDC;
      border-top: none;
      padding: 4px 8px;
      margin: -5px 5px 0 0;
    }

#singlefares .farecontent table tr.details td table.flexible {
	border: none; 
	width: 110px !important;
	margin: 0; 
	padding: 0; 
} 
	#singlefares .farecontent table tr.details td table.flexible td {
		border: none !important;
		width: 22px !important;
		height: 5px !important;
		padding: 0;
		font-size: 11px;
		text-align: center;
		text-decoration: none;
	  }              
	  #singlefares .farecontent table tr.details td table.flexible td a {
	  	text-decoration: none; 
	    border: none; 
	    background-color: Transparent; 
	  }
	  
	  
#singlefares a.linkButton {
    text-decoration: none;
    border: solid 1px #A8A8A8;
    padding: 2px 5px 2px 5px;
    background-color: #F0F0F0;
    white-space: nowrap;
}  
#fares #farescontentmask {
    top: 0px; 
    left: 0px;
    width: 480px; 
    height: 100%;
    overflow: hidden; 
    position: relative;      
}
#fares #farescontent { 
    top: 0px;
    left: 0px; 
    height: 100%;
    white-space: nowrap; 
    position: absolute; 
}



/* ***************************************** */
/* *******     NEUES FAREDISPLAY     ******* */
/* ***************************************** */
/*   In Ergänzung zu vorangegabenen Styles   */

#fares TABLE.rotator TD.FareUnavailable	 { background: url(/ImagesAgent/kreuz_red.gif) no-repeat right; padding-right: 20px; }
#fares TABLE.rotator TD.FareAvailable	 { background: url(/ImagesAgent/haken_green.gif) no-repeat right; padding-right: 20px; }

#fares TABLE.bestfare TD.FareUnavailable { background: #FFF url(/ImagesAgent/kreuz_red.gif) no-repeat right; padding-right: 20px; }
#fares TABLE.bestfare TD.FareAvailable	 { background: #FFF url(/ImagesAgent/haken_green.gif) no-repeat right; padding-right: 20px; }


/* NEU FÜR GEÄNDERTES FAREDISPLAY-DESIGN START */

#farecontainer { border-collapse: collapse; width: 730px; margin: 0; }

.rotatorBar {
	margin: 5px 0 0 15px; 
	padding: 0; 
	line-height: 18px; 
	width: 705px; 
	background-color: #DFDFDF; 
	border: solid 1px #CDCDCD;
}
	.rotatorButton {
		float: right;
		line-height: 20px;
		width: 270px;
		background-color: #FFF; 
		border-left: solid 1px #CDCDCD;
	}

/* NEU FÜR GEÄNDERTES FAREDISPLAY-DESIGN ENDE */


#farecontainer table.rotatingtable {
	border-collapse: collapse; 
	height: auto; 
	margin: 1px 0 0 0; 
	padding: 0; 
}
	#farecontainer table.rotatingtable td {
		border: solid 1px #CDCDCD; 
		vertical-align: top; 
		text-align: center; 
		padding: 0 !important; 
		white-space: normal;
	}
	
#farecontainer table.rotatingtable tr.head td	 { height: 58px; background-color: #FFF; font-weight: bold; color: #8D8D8D; line-height: 13px; font-size: 0.95em; }
#farecontainer table.rotatingtable tr.content td {
	height: 30px;
	line-height: 13px;   /* NEU !!! */
	white-space: normal; 
	vertical-align: top; 
}
#farecontainer table.rotatingtable td.noborder		{ border: none; }
#farecontainer table.rotatingtable input.checkbox,
#farecontainer table.rotatingtable td.noborder img	{ margin: 0 2px 0 0; }




#farecontainer table.rotatingtable tr.color1 td		{ background-color: #FFF; color: #000; }
#farecontainer table.rotatingtable tr.color2 td		{ background-color: #FFF; color: #FF7F2A; }

#farecontainer table.rotatingtable tr.head td.pricePP	{ text-align: center; background-color: #E8E8E8; }
#farecontainer table.rotatingtable tr.color1 td.pricePP,
#farecontainer table.rotatingtable tr.color2 td.pricePP { text-align: right; background-color: #E8E8E8; }



#farecontainer table.rotatingtable .first	{ border-left:none; }
#farecontainer table.rotatingtable a        { color: inherit; text-decoration: none; }

#farecontainer table.rotatingtable tr.head td.ft_col0,
#farecontainer table.rotatingtable tr.color1 td.ft_col0,
#farecontainer table.rotatingtable tr.color2 td.ft_col0,
#farecontainer table.rotatingtable td.ft_col0 {
	width: 14px !important; 
	margin: 0; 
	padding: 0 !important; 
	border: none; 
	text-align: center;
	vertical-align: middle;
	background-color: #EEE;
}    
    #farecontainer table.rotatingtable tr.head td.ft_col0 { width: 15px !important; }

	#farecontainer table.rotatingtable td.ft_col0 img {
		margin: 0; 
		padding: 0 2px 0 0px; 
	}
	#farecontainer table.rotatingtable td.ft_col0 input {
		width: 13px !important; 
		margin: 0 0 0 -1px !important; 
		padding: 0 !important; 
	}

#farecontainer table.rotatingtable td.center		{ vertical-align: middle; text-align: center; }
#farecontainer table.rotatingtable td.right			{ text-align: right; }
#farecontainer table.rotatingtable td.left			{ text-align: left; }
#farecontainer table.rotatingtable td.price			{ text-align: right; }
#farecontainer table.rotatingtable td.noLeftBorder	{ border-left: none; }



/* *******  COLORED CABINCLASSES  ******* */
#farecontainer table.rotatingtable td.CabinClass_Y, #farecontainer table.rotatingtable td.CabinClass_P, 
#farecontainer table.rotatingtable td.CabinClass_C, #farecontainer table.rotatingtable td.CabinClass_F {
    color: #fff !important;
}
    #farecontainer table.rotatingtable td.CabinClass_Y { background-color: #FED268 !important; }
    #farecontainer table.rotatingtable td.CabinClass_P { background-color: #6BD177 !important; }
    #farecontainer table.rotatingtable td.CabinClass_C { background-color: #5584ED !important; }
    #farecontainer table.rotatingtable td.CabinClass_F { background-color: #F17376 !important; }




.citypair {
	font-weight: bold; 
	height: 16px; 
	margin: 20px 0 10px 0; 
	padding-left: 45px;
	background: url('/ImagesAgent/non-avail-outbnd-plane.gif') no-repeat;
	float: left;
}
.searchTime {
	font-weight: bold; 
	margin: 20px 0 10px 0; 
	float: right;
}
	.searchTime #lblStopWatch { font-weight: normal; }


.airlinealliance {
	/* 
	border-bottom: solid 1px #CDCDCD;
	padding: 5px;  
	*/
}

.airlinealliance #btnFirstAvail { margin: 0 0 3px 0; }

.airlinealliance table.airlines,
.airlinealliance table.alliances { border-collapse: collapse; width: auto; }
.airlinealliance table.alliances { float: left; }

.airlinealliance table.airlines td,
.airlinealliance table.alliances td	{ text-align: center; line-height: 10px; padding: 0; }

.airlinealliance table.airlines td.first  { padding: 0 15px 0 0; }
.airlinealliance table.alliances td.first { padding: 0 3px 0 0; }





/* .airlinealliance table.alliances { margin-left: 20px; } */

.faredetail { padding: 5px 0 10px 0; }

#ctrlFaredisplay .textbox {	height: 16px; line-height: 16px; }

ul.displaycontrol {
	width: 100%; 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	height: 20px; 
}
	ul.displaycontrol li { float: left; margin-right: 3px; }
	
	ul.displaycontrol li input[type="button"]        { background-color: #F0F0F0; border: solid 1px #A8A8A8; text-decoration: none; white-space: nowrap; }
	ul.displaycontrol li input[type="button"]:hover,
	ul.displaycontrol li input[type="button"]:active { background-color: #C3C3C3; }


.displaycontent { margin: 5px 0 0 0; padding: 0; border-bottom: solid 1px #FF8B03; }


.rules { background-color: #F9F9F9; width: 722px; border: solid 1px #CECECE; padding: 10px; }
    .rules table            { width: 98%; border-collapse: collapse; background-color: #FFF; empty-cells: show; }
    .rules table td,
    .rules table th	        { border: solid 1px #CECECE; padding: 0 5px 0 5px; line-height: 15px; }
    .rules table th	        { text-align: left; line-height: 18px; }
    .rules table tr:hover   { background-color: #F9F9F9; }

.nonavail {
	background-color: #F9F9F9; 
	width: 722px; 
	height: 15px; 
	border: solid 1px #CECECE; 
	padding: 10px; 
	overflow-x: hidden; 
}

.printrules { background-color: #FFF; width: 298px; margin: 40px auto; padding: 0; border: solid 1px #CCC; }
	.printrules .headerText,
	.printrules .headerClose    { border-bottom: solid 1px #CCC; float: left; font-weight: bold; line-height: 22px; }
	.printrules .headerText     { width: 272px; padding-left: 5px; }
	.printrules .headerClose    { width: 20px; border-left: solid 1px #CCC; text-align:center; }
	.printrules .headerClose a  { text-decoration: none; }

	.printrules .content             { margin: 0; padding: 20px 20px 10px 20px; }
	.printrules .button              { float: right; margin: 0 10px 20px 0; vertical-align: middle; }
	.printrules input[type="button"] { width: auto; padding:0; margin:0; background-color: #FF701F; color: #FFF; }


table.rotatingtable { float: left; }

.maskSF, .maskOJ, .maskHEAD { position: relative; height: 1%; left: 0px; top: 0px; float: left; }
.maskSF, .maskOJ, .maskHEAD { margin: 0; padding: 0; overflow: hidden; float: left; width: 1%; }
.maskSF		        { height: 33px; }
.maskOJ, .maskHEAD	{ height: 64px; }


.NET, .NETNET,
.NetPrice, .NetADT, .NetCHD, .NetINF,
.NetNetPrice, .NetNetADT, .NetNetCHD, .NetNetINF { display: none; }

.folio  { position: absolute; top: 0; left: 0; width: 2300px; float: left; }
.col    { display: block; padding: 0; margin: 0; float: left; }


/* NEU FÜR GEÄNDERTES FAREDISPLAY-DESIGN START */

#singlefares #farecontainer .PriceBox,
#faressection .PriceBox {
	width: 705px; 
	margin: -2px 0 10px 15px; 
	background-color: #D4D4D4; 
	border-collapse: collapse; 
	border-top: solid 1px #C4C4C4;
	line-height: 14px;
}
	#singlefares #farecontainer .PriceBox th,
	#singlefares #farecontainer .PriceBox td,
	#faressection .PriceBox th,
	#faressection .PriceBox td {
		padding: 0 5px 0 5px; 
		text-align: right; 
		white-space: nowrap;
		width: 11%;
	}
	#singlefares #farecontainer .PriceBox th.first,
	#singlefares #farecontainer .PriceBox td.first,
	#faressection .PriceBox th.first,
	#faressection .PriceBox td.first {
        text-align: left;
        width: 20%;
    }

/* NEU FÜR GEÄNDERTES FAREDISPLAY-DESIGN ENDE */



/* ******************************** */
/* *******     TOOLTIPS     ******* */
/* ******************************** */

table.tooltip { border-collapse: collapse; }
	
table.tooltip th            { text-align: left; font-weight: bold; background-color: #BBB; vertical-align: top; padding-left:5px; white-space:nowrap !important;}
table.tooltip th, 
table.tooltip td            { padding: 1px 5px 1px 5px; line-height:16px; border: solid 1px #DCDCDC; white-space:normal; }
table.tooltip td.noborder   { border: none; }
table.tooltip td.footnote   { padding-top: 7px; font-style: italic; } 
table.tooltip td.price      { text-align: right; border-left: none; }
table.tooltip span.price2   { color: #6F6F6F; font-weight:normal; }
table.tooltip td.priceTotal { background-color: #E4E4E4; } 
table.tooltip td.color1		{ background-color: #D9D9D9; }
table.tooltip td.color2		{ background-color: #CBCBCB; }
table.tooltip td.curr		{ border-right: none; }
		
table.tooltip td.nowrap,
table.footnote td.nowrap    { white-space: nowrap !important; }

table.footnote      { border-collapse: collapse; border: none; width: auto; empty-cells: show; margin-top: 15px; }
table.footnote th, 
table.footnote td   { padding: 1px 3px 1px 3px; line-height:16px; border: solid 1px #DDD; white-space:normal; font-style: italic; }
table.footnote th   { border: none; }



/* ******************************** */
/* *******     BAGGAGE      ******* */
/* ******************************** */

#baggage { margin: -7px 0 15px 0; padding: 10px 10px 5px 10px; width: 97%; border: solid 1px #CECECE; }
    #baggage .pax           { margin-top: 5px; padding: 5px; white-space: nowrap; width: 150px; border: solid 1px #CECECE; }
    #baggage .pax select, 
    #baggage .pax .button   { width: auto; }
    #baggage .pax .goLeft   { padding-top: 3px; }
		
#baggage .apply { float: left; margin: -20px 0 0 170px; }
    #baggage .apply .button { padding: 0 2px 0 2px; margin: 0; height: 20px; cursor: pointer; border: solid 1px #CDCDCD; background-color: #EEE; text-align: center; }


/* ************************************* */
/* *******     FLIGHTBOOKING     ******* */
/* ************************************* */

#selectedfare {
    margin-top: 25px;
    color: #000;
    border-bottom: solid 4px #E8E8E8;
}
    #selectedfare .fareheader {
        border: solid 1px #CECECE;
        width: 706px;
        height: auto;
        padding: 2px 7px 7px 7px;
        background-color: #F7F7F7;
    }
        #selectedfare .fareheader span {
            float: left;
            display: block;
        }
        #selectedfare .fareheader .calculation {
            width: 100%; /* 703px */
            background-color: #D4D4D4;
            color: #000;
        }

		#selectedfare .fareheader table.info { width: 100%; }
            #selectedfare .fareheader table.info td	{ padding: 0 7px; }
            #selectedfare .fareheader table.info td.price {        
                background-color: #D1D1D1; 
                padding: 2px 7px;
                white-space:nowrap;
            }
            #selectedfare .fareheader table.info td.togglelink {
                background-color: #E9E9E9;
                font-weight: bold;
                padding-left: 6px;
            }
                #selectedfare .fareheader table.info td.togglelink a.inactive,
                #selectedfare .fareheader table.info td.togglelink a.inactive:hover {
                    line-height: 20px;
                    color: #000; 
                    text-decoration: none;
                    background: url(/ImagesAgent/plus.gif) no-repeat 0 1px;
                    padding-left: 15px;
                }
                #selectedfare .fareheader table.info td.togglelink a.active,
                #selectedfare .fareheader table.info td.togglelink a.active:hover {
                    line-height: 20px;
                    color: #000;
                    text-decoration: none;
                    background: url(/ImagesAgent/minus.gif) no-repeat 0 1px;
                    padding-left: 15px;
                }                
                
		#singlefares .fareheader .calculation table,
		#selectedfare .fareheader .calculation table {
            width: 100%;
            color: #000;
        }
        	#singlefares .fareheader .calculation table th,
			#singlefares .fareheader .calculation table td,
            #selectedfare .fareheader .calculation table th,
            #selectedfare .fareheader .calculation table td {
            	vertical-align: top; 
            	padding: 0 5px 0 5px; 
            	line-height: 16px; 
            	text-align: right; 
            	white-space: nowrap;
            	width: 11%;
            }            
				#singlefares .fareheader .calculation table th.first,
				#singlefares .fareheader .calculation table td.first,
                #selectedfare .fareheader .calculation table th.first,
                #selectedfare .fareheader .calculation table td.first {
                    text-align: left;
                    width: 20%;
                } 
    
#selectedfare .farecontent {
    border: solid 1px #CECECE;
    border-top: none;
    width: 720px;
    height: auto;
}    
    #selectedfare .farecontent table { width: 100%; }
        #selectedfare .farecontent table tr.title {
            background-color: #E8E8E8;
            color: #000;
            height: 24px;
        }
            #selectedfare .farecontent table tr.title td {
                vertical-align: bottom;
                border-right: solid 1px #D2D2D2;
                padding: 2px 5px;
                white-space: nowrap;
            }
            #selectedfare .farecontent table tr.title td.last {
                border: none;
                text-align: center;
            }
        #selectedfare .farecontent table tr.details {
            background-color: #FFF;
            color: #000;
        }
            #selectedfare .farecontent table tr.details td {
                min-height: 30px;
                height: auto !important;
                height: 30px;
                vertical-align: middle;
                border-right: solid 1px #D2D2D2;
                border-bottom: solid 1px #D2D2D2;
                padding: 5px;
                white-space: nowrap;
            }
				#selectedfare .farecontent table tr.details td.last {
					border-right: none;
					text-align: center;
					width: 20px;
				}
				#selectedfare .farecontent table tr.details td input.radio {
					margin: 0;
					padding: 0;
					border-right: none;
				}   
                          
			#selectedfare .farecontent table tr.details td table.flexible {
				border: none; 
				width: 110px !important;
				margin: 0; 
				padding: 0; 
			}
				#selectedfare .farecontent table tr.details td table.flexible td {
					border: none !important; 
					width: 22px !important; 
					height: 5px !important; 
					padding: 0; 
					font-size: 11px; 
					text-align: center;
					text-decoration: none;
				}
					#selectedfare .farecontent table tr.details td table.flexible td a {
						text-decoration: none; 
	  					border: none; 
	  					background-color: Transparent;
					} 

#selectedfare .book {
    width: 744px;
    color: #5A5A5A;
    border-top: solid 4px #E8E8E8;
}
    #selectedfare .book span.note {
        float: left;
        display: block;
    }
    #selectedfare .book span.button {
        float: right;
        display: block;
        background-color: #FFF;
        border: solid 1px #DCDCDC;
        border-top: none;
        padding: 4px 8px;
        margin-top: -5px;
    }

   #selectedfare .book .flighttimes span.button {
        float: right;
        display: block;
        background-color: #FFF;
        border: solid 1px #DCDCDC;
        border-top: none;
        padding: 4px 8px;
        margin: -5px 5px 0 0;
    }
        
#customerdetails { margin-top: 25px; }

#customerdetails div.button {
    background-color: #FFF; 
    border: solid 1px #DCDCDC; 
    border-top: none; 
    padding: 4px 8px; 
    margin-top: -1px;  
}
#customerdetails button {
    padding: 0 2px; 
    background-color: #F0F0F0;   
}

#customerdetails div.right	{ float:right; }
#customerdetails div.left	{ float:left; }

#customerdetails span.agentSection {
    border: none;
    width: 100px;
    vertical-align:text-top;
}

#customerdetails span.agentSectionContent {
    border-left: dotted 1px #D2D2D2;
    margin-bottom: 10px;
    padding-left: 10px;
}

    #customerdetails #paxDataStandard,
    #customerdetails #paxDataWeb,
    #customerdetails #addressDataWeb,
    #customerdetails #paymentDataWeb,
    #customerdetails #paxDataCharter,
    #customerdetails #addressDataCharter,
    #customerdetails #paymentDataCharter {
        border: solid 1px #D2D2D2;
        height: 100%;
        background-color: #FFF;
    }
        #customerdetails #paxDataStandard p#header,
        #customerdetails #paxDataWeb p#header,
        #customerdetails #paxDataCharter p#header {
            border-bottom: solid 1px #D2D2D2;
            font-weight: bold;            
            line-height: 30px;
            padding-left: 5px;
        }
        #customerdetails #paxDataStandard .types,
        #customerdetails #paxDataWeb .types,
        #customerdetails #paxDataCharter .types {
            width: 710px;
            padding: 0 5px 5px 5px;
            border-bottom: solid 1px #D2D2D2; 
        }
            #customerdetails #paxDataStandard .types p, 
            #customerdetails #paxDataWeb .types p, 
            #customerdetails #paxDataCharter .types p { margin: 10px 0 15px 0; }
            
            #customerdetails #paxDataStandard .types span,
            #customerdetails #paxDataWeb .types span,
            #customerdetails #paxDataCharter .types span {
                float: left;            
                margin-right: 10px;
            }
        #customerdetails #paxDataStandard .first,
        #customerdetails #paxDataWeb .first,
        #customerdetails #paxDataCharter .first { margin-top: -10px; }
        
        #customerdetails #paxDataStandard .last,
        #customerdetails #paxDataWeb .last,
        #customerdetails #paxDataCharter .last	{ border-bottom: dotted 1px #D2D2D2; }  
        
        #customerdetails #paxDataStandard .agent,
        #customerdetails #paxDataWeb .agent,
        #customerdetails #paxDataCharter .agent {
            margin: 10px 0 15px 0;
            border-bottom: none;
        }  
        
        #customerdetails #paxDataStandard #ctrlPaxStandard input, select,
        #customerdetails #paxDataWeb #ctrlPaxWeb input, select,
        #customerdetails #paxDataCharter #ctrlPaxCharter input, select { width:100px; }
        
        #customerdetails #addressDataWeb .address,
        #customerdetails #addressDataCharter .address {
            width: 330px;
            padding: 0 10px 5px 10px;
            border-right: dotted 1px #D2D2D2;
            float:left;
        }
			#customerdetails #addressDataWeb .address table.addressTable,
			#customerdetails #addressDataCharter .address table.addressTable { width: 330px; }
			
			#customerdetails #addressDataWeb .address table input,
			#customerdetails #addressDataCharter .address table input		 { width: 90%; }
			
			#customerdetails #addressDataWeb .address table input.long,
			#customerdetails #addressDataWeb .address table select,
			#customerdetails #addressDataCharter .address table input.long,
			#customerdetails #addressDataCharter .address table select		 { width: 97%; }
			
			#customerdetails #addressDataWeb .address table input.medium,
			#customerdetails #addressDataCharter .address table input.medium { width: 94%; }
			
		#customerdetails #paymentDataWeb .payment,
		#customerdetails #paymentDataCharter .payment {
            width: 370px;
            padding: 0 10px 5px 10px;
            float: left;
        }
        #customerdetails #paymentDataWeb #paymentFootnote,
        #customerdetails #paymentDataCharter #paymentFootnote { margin: 10px 0 10px 10px; }
        	
			#customerdetails #paymentDataWeb .payment div.typeofpayment,
			#customerdetails #paymentDataCharter .payment div.typeofpayment {
				border: solid 1px #D2D2D2;
				border-bottom: none;
				padding: 5px;
				font-weight: bold;
				float: left;
			}
			#customerdetails #paymentDataWeb .payment div.active,
			#customerdetails #paymentDataCharter .payment div.active { background-color: #F0F0F0; }
				
			#customerdetails #paymentDataWeb .payment table.paymentTable,
			#customerdetails #paymentDataCharter .payment table.paymentTable {
				width: 370px;
				border: solid 1px #D2D2D2;
			}				
				#customerdetails #paymentDataWeb .payment table input,
				#customerdetails #paymentDataCharter .payment table input		 { width: 90%; }
				
				#customerdetails #paymentDataWeb .payment table input.long,
				#customerdetails #paymentDataCharter .payment table input.long	 { width: 97%; }
				
				#customerdetails #paymentDataWeb .payment table input.medium,
				#customerdetails #paymentDataCharter .payment table input.medium { width: 93%; }
				
				#customerdetails #paymentDataWeb .payment table input.short,
				#customerdetails #paymentDataCharter .payment table input.short	 { width: 30%; }
										
        #customerdetails #paymentDataWeb .info,
        #customerdetails #paymentDataCharter .info {
            width: 280px;
            padding: 10px;
            border: solid 1px #D2D2D2;
            margin-top: 43px;
        }
        
        #customerdetails #paxDataWeb #navstripWebPassengers,
        #customerdetails #addressDataWeb #navstripWebAddress,
        #customerdetails #paymentDataWeb #navstripWebPayment,
        #customerdetails #paxDataCharter #navstripCharterPassengers,
        #customerdetails #addressDataCharter #navstripCharterAddress,
        #customerdetails #paymentDataCharter #navstripCharterPayment {
			border-bottom: solid 1px #D2D2D2; 
			font-weight: bold; 
			line-height: 25px; 
			margin: 0 0 15px 0; 
			padding-left: 5px;
		}
		
		#customerdetails span.navCurrent { margin-right:5px; }
		#customerdetails span.navItem {
		    color: #D4D4D4;
		    margin-right: 5px;
		}
		
.jackplus_logo {
    height: 25px; 
    width: 90px; 
    float: left; 
    padding: 10px; 
    border-right: dotted 1px #D2D2D2; 
    border-bottom: dotted 1px #D2D2D2;
}
    .jackplus_logo img {
        vertical-align: middle; 
        padding-right: 10px;
        border: none;
    }

.jackplus_text {
    height: 25px; 
    width: 585px; 
    padding: 15px 10px 5px 10px; 
    border-bottom: dotted 1px #D2D2D2;
}


/* *********************************** */
/* *******     TICKETORDER     ******* */
/* *********************************** */

#order {
    height: 100%;
    margin-bottom: 25px;
}
    #order_bookingdetails {
        width: 330px;
        float: left;
    }
        #order_bookingdetails span.item {
            width: 140px;
            display: block;
            float: left;
        }
        #order_bookingdetails span.value {
            width: 180px;
            display: block;
            float: left;
            clear: right;
            font-weight: bold;
        }
    
    #order_routing {
        width: 360px;
        float: left;
        clear: right;
    }        
        #order_routing span {
            width: 89px;
            float: left;
        }
        
        #order_routing table td { width: 100px; }
        
    
#order_tariff {
    padding: 5px 6px 15px 6px;
    height: 100%;
    background-color: #FFF;
    border: solid 1px #D2D2D2;
}
    #order_tariff .calculation {
        background-color: #D4D4D4;
        color: #000;
        font-size: 10px;
    }
    
    #order_tariff #summary { height: 100%; }    
    #order_tariff #summary span.block {
        display: block;
        float: left;
        padding-left: 5px;
        border-right: dotted 1px #D2D2D2;
        height: 45px;
    }
    #order_tariff #summary span.block span.block { height: auto; border-right: inherit; }
    #order_tariff .togglelink { width: 702px; margin-top: 15px; }
    

#calc { display:block; border-bottom: solid 4px #ECECEC; }
#calc #gvCalculation th,
#calc #gvCalculation td         { text-align: right; }
#calc #gvCalculation th.first,
#calc #gvCalculation td.first   { text-align: left; }

#pnDeliveryToCustomer input,
#pnDeliveryToCustomer select		 { width: 98%; }

#pnDeliveryToCustomer input.short,
#pnDeliveryToCustomer select.short	 { width: 94%; }

#pnDeliveryToCustomer select.country { width: auto; }

.TotalPriceRed,
.SmallRed			{ color: #CC0033; }
.ServiceFeeInActive { color: #D4D4D4; }

#ticketOrder_fares {
    float: left;
    width: 100px;
    margin-top: -15px;
}


/* *********************************** */
/* *******     BOOKINGLIST     ******* */
/* *********************************** */

#bookingsummary {
    width: 290px;
    margin-left: 20px;
    float: left;
}

#bookingsummary .results-per-page        { float: right; margin: 0 0 8px 0; }
#bookingsummary .results-per-page select { width: 40px }

    #bookingsummary #agencysummary { border: solid 1px #CECECE; }
        #bookingsummary #agencysummary span { line-height: 18px; }
        
    #agencysummary .agencysummary-head      { background-color: #FFF; border-bottom: solid 1px #DADADA; padding: 3px 5px; }
    #agencysummary .agencysummary-content   { background-color: #FAFAFA; padding: 5px; }
        #agencysummary .agencysummary-content span      { float: left; }
        #agencysummary .agencysummary-content span.item { width: 40%; font-weight: bold; }


#searchbookings {
    width: 410px;
    float: left;
}   
    #searchbookings p.show-advanced-search  { float: right; margin: 4px 0 8px 0; }
    
    #searchbookings .bookings-standard-search,
    #searchbookings .bookings-advanced-search { margin-bottom: 15px; }
    
    #searchbookings .bookings-standard-search #txtMaintraveller { width: 140px; }
    #searchbookings .bookings-standard-search #txtFilekey       { width: 100px; }
    
    #searchbookings .bookings-advanced-search input[type="text"]        { width: 80px; }
    #searchbookings .bookings-advanced-search input#txtResponsibleAgent { width: 135px; }
    
    
    #searchbookings #btnSearchQuick,
    #searchbookings #btnImport,
    #searchbookings #btnSearch    { padding: 0 2px; background-color: #F0F0F0; }        
        
     
    #searchbookings table td {
       width: auto;
       vertical-align: bottom;
    }
    #searchbookings table td.first {
       width: 45%;
       padding-bottom: 2px;
       margin-right: 5px;
    }    
		#searchbookings table td select { width: 100%; }

#afterbookingprocesses
{
	padding-top: 10px;
	padding-bottom: 10px;
	width: 410px;
	float:left;
}
	
	#afterbookingprocesses #btnBookingProcessesClear,
	#afterbookingprocesses #btnBookingProcessesRun { margin-top:10px; margin-bottom:5px; padding: 0 2px; background-color: #F0F0F0; }
    
    #afterbookingprocesses #lblBookingProcesses { padding-left:2px; font-weight:bold; color:Red; }
    
#bookinglist {
    margin-top: 25px;
    position: relative;
    z-index: 200;
}

#bookinglist .arrange-by { float: left; font-weight: bold; margin-bottom: 8px; }


#bookinglist table {
    width: 100%;
    background-color: #F9F9F9;
    margin-bottom: 8px;
}
    #bookinglist table tr.final td  { border-bottom: solid 1px #CECECE; }
    #bookinglist table tr.detail td { border-bottom: solid 1px #CECECE; border-top:none; }
    
    #bookinglist table th,
    #bookinglist table th.image {
        width: auto;
        color: #000;
        font-weight: normal;
        text-align: left;
        padding: 5px;
        padding-left: 1px;
        padding-right: 1px;
        border: solid 1px #CECECE;
        border-right: none;
    }
    #bookinglist table th		{ vertical-align: baseline; }
    #bookinglist table th.notwrapped { white-space:nowrap !important; } 
    #bookinglist table th.image { vertical-align: middle; }
    
        #bookinglist table th span.section {
            font-size: 10px;
            color: #000;
            display: inline;
            border: none;
            padding: 0;
            background-color: Transparent;
        }
        
        .filtersection {
			position: absolute;
			margin-top: 0;
			background-color: #FFF;
			border: solid 1px #CECECE;
			padding: 5px 10px;
			line-height: 20px;
			z-index: 100;
			height: auto;
			width: 100px;
			top: auto;
			left: auto;		
			display:none;
		}
		
		.filtersection span.hr {
			display: block;
			height: 5px;
			border: none;
			border-bottom: solid 1px #D2D2D2;    
			margin: 0 0 5px 0;
			padding: 0;
		}
		
		  
#bookinglist table th span.sorter { padding-left: 10px; }

#bookinglist span.sorter #frameSection1, #bookinglist span.sorter #frameSection2,
#bookinglist span.sorter #frameSection3, #bookinglist span.sorter #frameSection4,
#bookinglist span.sorter #frameSection5     { display: none; position: absolute; z-index: 9; left: auto;  top: auto; }
    #bookinglist span.sorter #frameSection1 { height: 163px; width: 148px; }
    #bookinglist span.sorter #frameSection2 { height: 208px; width: 118px; }
    #bookinglist span.sorter #frameSection3 { height: 148px; width: 108px; }
    #bookinglist span.sorter #frameSection4 { height: 128px; width: 88px; }
    #bookinglist span.sorter #frameSection5 { height: 83px; width: 88px; }
    
#bookinglist span.sorter #pnlSection1 { height: 155px; width: 130px; }
#bookinglist span.sorter #pnlSection2 { height: 200px; width: 100px; }
#bookinglist span.sorter #pnlSection3 { height: 140px; width: 90px; }
#bookinglist span.sorter #pnlSection4 { height: 150px; width: 80px; }
#bookinglist span.sorter #pnlSection5 { height: 75px; width: 70px; }


#bookinglist table th.last,
#bookinglist table td.last { border-right: solid 1px #CECECE; }
#bookinglist table td.passenger-information { padding: 0; height: auto; border-top: none; background-color: #FFF; }
        
    #bookinglist table td {
       height: 30px;
       width: auto;
       vertical-align: middle;
       text-align: center;
       border: solid 1px #CECECE;
       border-right: none;
       border-bottom: none;
       padding: 5px;
    }
        #bookinglist table td.border {
            background-color: #E8E8E8;
            border-top: solid 1px #FFF;
            border-bottom: solid 1px #FFF;
            height: 7px;
            padding: 0;
        }
        #bookinglist table td.traveller {
            text-align: left;
            padding-left: 10px;
        }
        #bookinglist table td.divider {
            background-color: #FFF;
            border: none;
            text-align: left;
            vertical-align: bottom;
            padding-bottom: 5px;
        }
        #bookinglist table td.agentsection { background-color: #E8E8E8; }


/* *************************************** */
/* *******     BOOKING DETAILS     ******* */
/* *************************************** */  

#singlefares #bookedflight,
#singlefares #bookinghistory { display: none; }

#singlefares a.bookedflightclosed,
#singlefares a.bookedflightopen,
#singlefares a.historyflightsclosed,
#singlefares a.historyflightsopen {
    font-weight: bold;
    text-decoration: none;
    padding-right: 15px;
}
    #singlefares a.bookedflightclosed,
    #singlefares a.historyflightsclosed { background: url(/ImagesAgent/plus.gif) no-repeat right; }
    
    #singlefares a.bookedflightopen,
    #singlefares a.historyflightsopen	{ background: url(/ImagesAgent/minus.gif) no-repeat right; }

#singlefares #bookinghistory a.open,
#singlefares #bookinghistory a.closed {
	font-weight: bold;
	text-decoration: none; 
	padding-right: 15px; 
}
	#singlefares #bookinghistory a.open		{ background: url(/ImagesAgent/minus.gif) no-repeat right; }
	#singlefares #bookinghistory a.closed	{ background: url(/ImagesAgent/plus.gif) no-repeat right; }

#bookinglist table td.travellerinfo {
    text-align: left;
    padding-left: 10px;
}
#bookinglist table td.travellerinfoarrow {
    padding: 0; 
    border-left: none;
    vertical-align: bottom; 
    text-align: center;
    width: 13px;
}
#bookinglist table div#travellersummary {
    display: none;
    min-height: 1px;
    height: auto !important;
    height: 1px;
    margin: 10px 5px;
    text-align: left;
    background-color: #FFF;
}
    #bookinglist table div#travellersummary table,
    #bookinglist table div#travellersummary table td {
        background-color: #FFF;
        border: none;
        padding: 0;
        text-align: left;
    }
    #bookinglist table div#travellersummary table	 { width: 450px; }
	#bookinglist table div#travellersummary table td { height: auto; }

#nativegds {
    margin-top: 25px;
    background-color: #F6F6F6;
    border: solid 1px #CFCFCF;
    border-bottom: solid 2px #A5A5A5;
}
    #nativegds div {
        line-height: 20px;
        height: 20px;
        overflow: hidden;
        background-color: #E4E4E4;
        border-bottom: solid 1px #FFF;
        text-align: left;
        padding-left: 5px;
        margin: 0;
    }
    
    #nativegds div a.gdsclosed,
    #nativegds div a.gdsopen {
        color: #000;
        text-decoration: none;
        padding-left: 20px;
        font-weight: bold;
    }
        #nativegds div a.gdsopen	{ background: url(/ImagesAgent/minus.gif) no-repeat left; }
        #nativegds div a.gdsclosed  { background: url(/ImagesAgent/plus.gif) no-repeat left; }
    
    #nativegds span#gds,
    #nativegds span#lblFfnPnr,
    #nativegds span#lblSeatMapPnr,
    #nativegds span#lblOsiPnr,
    #nativegds span#lblSsrPnr,
    #nativegds span#lblRemarkPnr {
        display: none;
        border-top: solid 1px #DCDCDC;
        padding: 7px;
        font-family: Courier New;
    }
    
.gds,
.lblFfnPnr,
.lblSeatMapPnr,
.lblOsiPnr,
.lblSsrPnr,
.lblRemarkPnr {
    margin: 15px 10px;
    font-family: Courier New;
    font-size: 12px;
}
    
#mail td { vertical-align: top; }
    
#searchbookings table td.notapplicable { background: url(/ImagesAgent/minus_16_d.png) no-repeat center; }
#searchbookings table td.failed { background: url(/ImagesAgent/cross_16.png) no-repeat center; }
#searchbookings table td.succeed { background: url(/ImagesAgent/tick_16.png) no-repeat center; }
#searchbookings table td.verticalcenter { vertical-align: middle; }


/* ************************************** */
/* *******     CANCEL BOOKING     ******* */
/* ************************************** */

#cancellationdetails {
    margin-top: 20px;
    height: 100%;
}
    #pnlCancellationInfos span.mainfields {
        background-color: #F8F8F8; 
        padding: 10px; 
        float: left;
        border: solid 1px #E0E0E0;
        height: 80px;
        margin-top: 5px;
    }
        #pnlCancellationInfos span.mainfields textarea {
            width: 80%;
            height: 50px;   
        }
    
        
/* ************************************************** */
/* *******     FLIGHT DETAILS / FARE RULES    ******* */
/* ************************************************** */ 

#flightdetails,
#farerules {
    width: 550px; 
    padding: 20px 0 20px 10px; 
}

#flightdetails .tab,
#farerules .tab {
    padding: 5px 20px; 
    border: solid 1px #D2D2D2;
    background-color: #FFF;
}
    #flightdetails .tab a,
    #farerules a {
        color: #000; 
        text-decoration: none;
    }

#flightdetails .active,
#farerules .active { border: solid 1px #FFA500; border-bottom-width: 3px; background-color: #FBF3E2; /* background-color: #F1F1F1; */ }

#flightdetails .content .tab,
#farerules .content .tab    { background-color: #F2F2F2; color: #a6a6a6; margin-right: 2px; }
#flightdetails .content .active,
#farerules .content .active { border: solid 1px #FFA500; background-color: #FBF3E2; color: #000; /*background-color: #D7D7D7; */ }


#farerules .section {
    border: solid 1px #D2D2D2; 
    border-bottom: none; 
    line-height: 20px; 
    padding-left: 5px; 
    font-weight: bold;
}
#farerules .content {
    border: solid 1px #D2D2D2; 
    padding: 0 10px 10px 5px;
    background-color: #F8F8F8;
}
  #farerules .content table {
    margin-left: auto; 
    margin-right: auto;
    width: 95%;
    border: none;
    border-collapse: collapse;
  }
    #farerules .content table td {
      line-height: 20px;
      vertical-align: top;
      border-bottom: solid 1px #D2D2D2;
    }
		#farerules .content table td.section {
			border: none;	
			padding-left: 0;
			line-height: 30px;
		}
		#farerules .content table td.item { width: 130px; }
		#farerules .content table.conditions td.item	 { width: 160px; }
		#farerules .content table.conditions td.item7	 { width: 80px; }
	      
		#farerules .content table.conditions td.value2 { width: 300px; }
		#farerules .content table.conditions td.value3 { width: 150px; }
		#farerules .content table.conditions td.value4 { width: 100px; }

		#farerules .content table.conditions td.smalllineheight {
			line-height: 16px; 
			padding: 5px 0; 
		}
		#farerules .content table.conditions td.nolineheight {
			line-height: 13px; 
			padding: 5px 0; 
		}
		#farerules .content table.conditions td.noborde { border: none; }

#farerules hr		{ margin-bottom: 0; }
#farerules .bold	{ font-weight: bold; }

#farerules .remark { 
	font-style: italic; 
	border-bottom: none; 
}

#flightdetails #content {
    width: 525px;
    background-color: #F8F8F8; 
    border: solid 1px #D2D2D2; 
    padding-bottom: 10px;
}
    #flightdetails #content #legdetails {
        width: 470px; 
        border: solid 1px #D2D2D2; 
        border-top: solid 1px #FFF; 
        border-left: none; 
        padding: 5px;
    }
        #flightdetails #content #legdetails table td { border-right: solid 1px #CCC; }
        
    #flightdetails #content p.line {
        height: 1px; 
        color: #000; 
        border-top: solid 1px #CCC; 
        width: 100%;
        margin: 15px 0 5px 0;
    }
    #flightdetails #content #segmentdetails {
		width: 475px; 
		margin: 10px 0; 
		padding: 5px;  
    }
        #flightdetails #content #segmentdetails .singlesegment {
            background-color: #FFF; 
            margin-top: 5px; 
            padding: 10px; 
            border: solid 1px #D2D2D2;
        }
            #flightdetails #content #segmentdetails .singlesegment table td {
                vertical-align: top;
                text-align: left;
            }
            #flightdetails #content #segmentdetails .singlesegment table td.underline { border-bottom: solid 1px #D2D2D2; }
            #flightdetails #content #segmentdetails .singlesegment table td.seperator { width: 10px; }
            #flightdetails #content #segmentdetails .singlesegment table td.right	  { text-align: right; }


/* **************************************** */
/* *******     USER MANAGEMENT     ******* */
/* **************************************** */    

#userlist { margin-top: 15px; }

#userlist table#agentlist {
    width: 100%;
    background-color: #F9F9F9;
}
    #userlist table tr.final td  { border-bottom: solid 1px #CECECE; }
    #userlist table tr.detail td { border-bottom: solid 1px #CECECE; border-top:none; }
    
    #userlist table th {
        width: auto;
        color: #000;
        font-weight: bold;
        text-align: left;
        padding: 5px;
        vertical-align: bottom;
        border: solid 1px #CECECE;
        border-right: none;
        border-bottom: none;
        background-color: #E8E8E8;
        white-space: nowrap !important;
    }
    
    #userlist table th.last,
    #userlist table td.last { border-right: solid 1px #CECECE; }
        
    #userlist table td {
       height: 30px;
       width: auto;
       vertical-align: middle;
       text-align: left;
       border: solid 1px #CECECE;
       border-right: none;
       border-bottom: none;
       padding: 5px;
    }
        #userlist table td.border {
            background-color: #E8E8E8;
            border-top: solid 1px #FFF;
            border-bottom: solid 1px #FFF;
            height: 7px;
            padding: 0;
        }
        #userlist table td.divider {
            background-color: #FFF;
            border: none;
            text-align: left;
            vertical-align: bottom;
            padding-bottom: 5px;
        }

table.agentrights,
#userlist table.agentrights { width: 310px; }

    table.agentrights th,
    #userlist table.agentrights th {
        background-color: Transparent;
        border: none;
        text-align: center;
        padding: 0;
    }
    table.agentrights td,
    #userlist table.agentrights td {
        background-color: #FFF;
        border: none;
        border-top: solid 1px #CECECE;
        height: 14px;
        line-height: 12px;
        text-align: center;
        padding: 0;
    }
    table.agentrights td.level0,
    #userlist table.agentrights td.level0 {
        text-align: left;
        padding-left: 2px;
        font-weight: bold;
    }
    table.agentrights td.level1,
    #userlist table.agentrights td.level1 {
        text-align: left;
        padding-left: 20px;
    }
    table.agentrights td.level2,
    #userlist table.agentrights td.level2 {
        text-align: left;
        padding-left: 40px;
    }
    table.agentrights td.action,
    #userlist table.agentrights td.action {
        background-color: Transparent;
        vertical-align: bottom;
        text-align: right;
    }
        table.agentrights td.action input,
        #userlist table.agentrights td.action input { margin-top: 10px; }
        
table.agentrights th.last,
table.agentrights td.last,
#userlist table.agentrights th.last,
#userlist table.agentrights td.last { border-right: solid 1px #CECECE; }

#userbox span input,
#userlist span input {
    border: none;
    vertical-align: middle;
}


/* *********************************** */
/* *******     CALCULATION     ******* */
/* *********************************** */  

.treenavigation {
    color: #000;
    height: auto;
}
    .treenavigation .treenavigationbox { padding: 10px; }

.treenavigation .TreeHeadline {
    margin: 0 5px 0 5px; 
    border-left: dotted 1px #000;
}

.treenavigation .MainTreeOpen,
.treenavigation .MainTreeClosed {
    padding-left: 5px;
    cursor: pointer;
}
    .treenavigation .MainTreeOpen	{ background: transparent url(/ImagesAgent/minus.gif) no-repeat; } 
    .treenavigation .MainTreeClosed { background: transparent url(/ImagesAgent/plus.gif) no-repeat; }
    
.treenavigation .CalcInclude,
.treenavigation .CalcExclude {    
    padding: 0 0 3px 15px; 
    margin: 7px 0 0 3px;
}
	.treenavigation .CalcInclude { background: transparent url(/ImagesAgent/include.gif) no-repeat; }
	.treenavigation .CalcExclude { background: transparent url(/ImagesAgent/exclude.gif) no-repeat; }
	

.treenavigation .CalcSubTree {
    display: none; 
    border-left: dotted 1px #000;
    margin-left: 5px;
}
    .treenavigation .CalcSubTree div {
        border-left: dotted 1px #000; 
        margin-left: 15px; 
        line-height: 20px;
    }
        .treenavigation .CalcSubTree div a {
            color: #000;
            text-decoration: none;
        }
        .treenavigation .CalcSubTree div a:hover {
            color: #000;
            text-decoration: underline;
        }
        
.nodeselected {	background-color: #D3D3D3; }

#calculation { margin-top: 25px; }
    
    #calculation #options {
        background-color: #F5F5F5;
        border: solid 1px #E0E0E0;
        padding: 10px;
        margin-top: 5px;
    }

span#ctl00_cphContent_cblPassengerTypes input,
span#ctl00_cphContent_cblFareTypes input,
span#ctl00_cphContent_cblServiceFee input {
    border: none;
    vertical-align: middle;
}

#pricelevels { margin-top: 15px; }
    #pricelevels table {
        width: 100%;
        background-color: #F9F9F9;
        border-bottom: solid 5px #E8E8E8;
    }
        #pricelevels table tr.final td  { border-bottom: solid 1px #CECECE; }
        #pricelevels table tr.detail td { border-bottom: solid 1px #CECECE; border-top: none; }
        
        #pricelevels table th {
            width: auto;
            color: #000;
            font-weight: normal;
            text-align: left;
            padding: 5px;
            vertical-align: bottom;
            border: solid 1px #CECECE;
            border-right: none;
            border-bottom: none;
            background-color: #E8E8E8;
        }
    
    #pricelevels table th.last,
    #pricelevels table td.last { border-right: solid 1px #CECECE; }
        
    #pricelevels table td {
       height: 30px;
       width: auto;
       vertical-align: middle;
       text-align: left;
       border: solid 1px #CECECE;
       border-right: none;
       border-bottom: none;
       padding: 5px;
    }
        #pricelevels table td.border {
            background-color: #E8E8E8;
            border-top: solid 1px #FFF;
            border-bottom: solid 1px #FFF;
            height: 7px;
            padding: 0;
        }
        #pricelevels table td.divider {
            background-color: #FFF;
            border: none;
            text-align: left;
            vertical-align: bottom;
            padding-bottom: 5px;
        }
	

/* ************************************ */
/* *******     CONTEXT MENU     ******* */
/* ************************************ */

#treenavigation ul.SimpleContextMenu {
    display: none;
    position: absolute;
    margin: 0;
    padding: 0;
    border: 1px solid #000;
    background-color: #FFF;
}

#treenavigation ul.SimpleContextMenu li {
    border-bottom: 1px solid #E3E3E3;
    line-height: 16px;
    list-style-type: none;
    list-style-position: inside;
    padding-left: 20px;
}
    #treenavigation ul.SimpleContextMenu li.last	 { border-bottom: none; }
    #treenavigation ul.SimpleContextMenu li.delete	 { background: transparent url(/ImagesAgent/x-delete.gif) no-repeat 3px 2px; }
    #treenavigation ul.SimpleContextMenu li.activate { background: transparent url(/ImagesAgent/haken_gray.gif) no-repeat 3px 2px; }
    #treenavigation ul.SimpleContextMenu li.deactivate {background: transparent url(/ImagesAgent/exclude.gif) no-repeat 7px 6px; }
    
    #treenavigation ul.SimpleContextMenu li a {
        display: block;
        width: 100px;
        padding: 2px 10px 3px 5px;
        text-decoration: none;
        color: #000;        
    }
    #treenavigation ul.SimpleContextMenu li:hover,
    #treenavigation ul.SimpleContextMenu li a:hover {
        text-decoration: none;
        background-color: #F3F3F3;
    }
    

/* ************************************ */
/* *******     SCAN MONITOR     ******* */
/* ************************************ */

#scanmonitor .headline {
	background-color: #FFF;
	border: solid 1px #D6D6D6;
	padding-left: 5px;
	line-height: 20px;
}
#scanmonitor .content {
	background-color: Transparent;
	border-left: solid 1px #D6D6D6;
	padding: 5px 0 5px 5px;
	margin-bottom: 15px;	
	height: auto;
}
	#scanmonitor .content .item {
		width: 140px;
		display: inline;
		float: left;
		font-weight: bold;
		margin-top: 3px;		
	}
	#scanmonitor .content .value {
		display: inline;
		float: left;
		margin-top: 3px;
	}
		#scanmonitor .content .value span {
			margin: 0;
			padding: 0;
		}


/* *********************************** */
/* *******     AIRPORTLIST     ******* */
/* *********************************** */

#airportwrapper {
    width: 657px;
    font-size: 11px;
    color: #000;
    margin: 10px;
}
#airportwrapper strong { font-size: 11px; }

table#continent {
    margin: 0 0 5px 0;
    padding: 0;
}

table#continent td {
    background-color: #F5F5F5;
    border: solid 1px #D5D5D5;
    border-right: none;
    text-align: center;
    width: 88px;
    line-height: 18px;
    white-space: nowrap;
}
    table#continent td.last {
        border-right: solid 1px #D5D5D5;
        width: 87px;
    }    
    table#continent td.active		 { background-color:#F5F5F5; }    
    table#continent td.active button { text-decoration: underline; }
        
button.btnContinent {
    background-color: Transparent;
    border: none; 
    cursor: pointer;
    margin: 0;
    padding: 0;
    float: none;
    text-align: center;
    height: 18px;
    color: #000;
    font-size: 11px;
    font-weight: bold;
}

#airportwrapper #header input.btnFlightSearch { margin-right: 4px; }

#airportwrapper #countrycontainer {
    margin-top: 5px;
    border-top: solid 1px #D2D2D2;
    height: 570px; 
    overflow-y: scroll; 
    background-color: #F3F3F3;
}

#airportwrapper #countrycontainer #leftcolumn,
#airportwrapper #countrycontainer #rightcolumn {
    width: 320px;
    float: left;
    margin-top: 0;
}

#airportwrapper #countrycontainer #leftcolumn button.btnCountry,
#airportwrapper #countrycontainer #rightcolumn button.btnCountry {
	background-color: Transparent;
	border: none; 
	cursor: pointer;
	margin: 0;
	padding: 0 0 0 5px;
	text-align: left;
	height: 18px;
	line-height: 18px !important;
	color: #000;
	font-size: 11px;
    width: 269px;
    overflow: hidden;
    text-decoration: none;
    float:left;
}
#airportwrapper #countrycontainer #leftcolumn button.btnCountry:hover,
#airportwrapper #countrycontainer #rightcolumn button.btnCountry:hover {
	color: #000;
	background: #FFF;
}

#airportwrapper #countrycontainer #leftcolumn span.thItem,
#airportwrapper #countrycontainer #leftcolumn span.thValue,
#airportwrapper #countrycontainer #rightcolumn span.thItem,
#airportwrapper #countrycontainer #rightcolumn span.thValue {
    display: inline;
    height: 1%;
    line-height: 30px;
    background-color: #E9E9E9; 
    float: left;
}

#airportwrapper #countrycontainer #leftcolumn span.thItem,
#airportwrapper #countrycontainer #rightcolumn span.thItem,
#airportwrapper #countrycontainer #leftcolumn span.code, 
#airportwrapper #countrycontainer #rightcolumn span.code {
    width: 50px;
    display: block;
    text-align: center;
}
#airportwrapper #countrycontainer #leftcolumn span.thValue,
#airportwrapper #countrycontainer #rightcolumn span.thValue {
    width: 260px;
    padding-left: 8px;
}

#airportwrapper #countrycontainer #leftcolumn span.code, 
#airportwrapper #countrycontainer #rightcolumn span.code		{ float: left; line-height: 18px !important; }

#airportwrapper #countrycontainer #leftcolumn span.code:hover, 
#airportwrapper #countrycontainer #rightcolumn span.code:hover	{ background-color: #FFF; }


ul#continent li button,
ul#continent li button:hover {
    color: #000;
    text-decoration: none;
    font-size: 11px;
    width: 260px;
    display: block;
    clear: right;
}

ul#continent li.active button {
    color: #000;
    text-decoration: none;
}


/* **************************************** */
/* *******     PDF CONFIRMATION     ******* */
/* **************************************** */     

#PDFwrapper {
    margin: 25px 10px 25px 25px;
    width: 740px;
    font-size: 14px;
    color: #000;
    padding-bottom: 20px;
}
#PDFwrapper .header	 { text-align: left; }    
#PDFwrapper #message { margin-top: 50px; }
#PDFwrapper #filekey { margin-top: 30px; }

    #PDFwrapper #filekey span,
    #PDFwrapper #infoPassenger span {
        display: block; 
        float: left;
    }
    
#PDFwrapper #infoPassenger,
#PDFwrapper #infoPassengerAdditional,
#PDFwrapper #infoBookedFlights,
#PDFwrapper #infoTariffCalculation,
#PDFwrapper #infoTotalPrice			 { padding-top: 20px; }

#PDFwrapper h2,
#PDFwrapper h3 {
    font-weight: normal;
    margin-bottom: 5px;    
}
#PDFwrapper h3 { margin-top: -5px; }

#PDFwrapper #infoBookedFlights table,
#PDFwrapper #infoTariffCalculation table {
    width: 100%;
    border: solid 1px #000;
}
#PDFwrapper #infoBookedFlights table#inbound { margin-top: 20px; }

    #PDFwrapper #infoBookedFlights table th,
    #PDFwrapper #infoTariffCalculation table th { background-color: #D3D3D3; }
    
    #PDFwrapper #infoBookedFlights table th,
    #PDFwrapper #infoBookedFlights table td,
    #PDFwrapper #infoTariffCalculation table th,
    #PDFwrapper #infoTariffCalculation table td {
        vertical-align: middle;
        text-align: left;
        padding: 1px 1px 1px 3px;
        border-right: solid 1px #000;
        border-bottom: solid 1px #000;
    }
    
    #PDFwrapper #infoTariffCalculation table th,
    #PDFwrapper #infoTariffCalculation table td { width: 25%; }


/* ******************************************** */
/* *******     CALENDAR                 ******* */
/* ******************************************** */  

#calendar {
	position: relative;
	top: 20px; 
	left: 150px;
	background-color: #FFF;
	color: #000;
	border: 1px solid #676767;
	width: 165px;
	height: auto;
	padding: 2px;
}
	#calendar #title {
		width: 100%;
		background-color: #F0F0F0;
		line-height: 20px;  
		color: #000;
		text-align: center;
	}

#calendar table#dates {
	width: 100%;
	border-collapse: collapse;
	padding: 2px;
}
	#calendar table#dates th {
		background-color: #D2D2D2;
		text-align: center;
		color: #000;
		padding: 0;
	}
	#calendar table#dates td {
		text-align: center;
		border-style: solid;
		border-width: 1px;
		border-color: #ECE9D8 #E5E5E5 #E5E5E5 #ECE9D8;
		padding: 2px 5px;
	} 
		#calendar table#dates td.weekday,
		#calendar table#dates td.weekendday {
			color: #000;
			background-color: #FFF;
			cursor: pointer;
		}
		#calendar table#dates td.today {
			color: #000;
			border: 2px solid #E5E5E5;
		}
		#calendar table#dates td.selectedday {
			background-color: #FC6 !important;
			border: 1px solid #E5E5E5;	
		}
		#calendar table#dates td.selecteddayborder { border: solid 1px #E5E5E5; }
		#calendar table#dates td.pastday {
			text-decoration: line-through;	
			cursor: default;
		}
		#calendar table#dates td.nodayofmonth { background-color: #FFF;	}
		

/* ******************************** */
/* *******     INFO BOX     ******* */
/* ******************************** */

#infobox {
	width: 490px;
	height: auto;
	border: solid 1px #C0C0C0;
	background-color: #FFF;
	margin: auto;
	position: relative;
}
	#infobox #headline {
		color: #F93;
		line-height: 28px;
		font-weight: bold;
		padding: 0 20px;
		margin: 0;
		border-bottom: solid 1px #C0C0C0;
	}
		#infobox #headline a {	
			font: normal 16px inherit;
			color: #000;
			text-decoration: none;
			padding: 0 0 0 15px;
			line-height: 28px;
			border-left: solid 1px #C0C0C0;
		}

#infobox #news {
	padding: 15px 10px 10px 10px;
	width: 460px;
	overflow: hidden;
}
	#infobox #news #exclamation {
		position: absolute;
		top: 60px;
		left: 20px;
	}

#infobox #news #button {
	text-align: center; 
	padding: 15px 0 10px 0;
}

#infobox #news .indent { padding-left: 50px; }

#infobox #news .border {
	border-left: dotted 1px #676767;
	padding-left: 5px;
}

#infobox #news #note {  
	padding: 5px 0;
	border-top: dotted 1px #C0C0C0;
	line-height: 18px; 
}
	
#infobox .newsPrefix {
	color: #F93; 
	padding-right: 5px; 
}
	
#infobox #continue {
    text-align: center;
    padding: 10px 0 10px 0;
} 

.modalBackground {
	background-color: #F0F0F0;
	filter: alpha(opacity=70);
	opacity: 0.7;
}



/* **************************** */
/* *******     NEWS     ******* */
/* **************************** */

#news h1 {
	font-size: 18px; 
	margin-bottom: 30px; 
	color: #5E9FED; 
}
#news .head {
	font-size: 14px; 
	font-weight: bold; 
	line-height: 28px; 
	border-bottom: solid 1px #ACA899; 
}
#news .date {
	font-size: 10px; 
	margin: 5px 0 10px 0; 
}
#news .message {
	font-size: 12px; 
	margin-bottom: 5px;
}

#news .link {
	font-size: 12px; 
	margin-bottom: 30px;
}

#news a.linkButton {
    text-decoration: none;
    border: solid 1px #A8A8A8;
    padding: 2px 5px 2px 5px;
    background-color: #F0F0F0;
    white-space: nowrap;
}


/* ***************************** */
/* *******     OFFER     ******* */
/* ***************************** */

#offerWrapper_btn	{ text-align: left; margin: 5px 0; }

#offerWrapper_fd    { text-align: right; margin: 10px 0; }
#offerWrapper_afd   { text-align: right; margin: 5px 0; }

#offerWrapper_fd a.linkButton,
#offerWrapper_afd a.linkButton,
#offerWrapper_btn a.linkButton {
    display: inline-block;
    text-decoration: none;
    border: solid 1px #A8A8A8;
    padding: 2px 5px 2px 5px;
    background-color: #F0F0F0;
    white-space: nowrap;
    margin: 0 0 4px 0;
    text-align: center;
    min-width: 80px;
}



/* ************** */
/* Bugfix für IE7 */
/* ************** */

.HeaderAirlineLogo { width: 160px; text-align: center; }
.HeaderAirlineAndClasses { width: 150px; border-right: dotted 1px #CECECE; }
.HeaderTicketType { border-right: dotted 1px #CECECE; text-align: center; }
.HeaderFareSourceTypeAndTicketing { white-space: nowrap; }
.HeaderRules { text-align: right; white-space: nowrap; }



/* ************************************** */
/* *******    COLORBOX OVERLAY    ******* */
/* ************************************** */

#cboxOverlay        { background: #F0F0F0 !important; filter: alpha(opacity=70) !important; opacity: 0.7 !important; }
#cboxLoadingOverlay { margin: 50% !important; }
#cboxLoadedContent  { margin-bottom: 10px !important; margin-top: 20px !important; }

#cboxLoadingOverlay { background: #fff url(/ImagesAgent/preloader.gif) no-repeat 0 0 !important; }
#cboxClose          { top:0 !important; right: 3px !important; font-size: 14px !important; color:#444 !important; font-weight: bold !important; }




/* ****************************************** */
/* Klickflächen für QueryPages & UI Overwrite */
/* ****************************************** */

#SearchOptions { width: 400px; }
#SearchOptions label.ui-button { margin-bottom: 5px !important; width: 60% !important; }
#SearchOptions span { margin-left: 0 !important; }

.TypeOfPassenger { margin-top: 10px; }
.PassengerType { display: block !important; float: none !important; margin-bottom: 5px; width: 415px; }
.PassengerType span.checkbox { float: none !important; }
.PassengerType span.checkbox label { vertical-align: middle; }
.PassengerType span.checkbox input { width: 1px !important; }

.ui-state-active                     { background-color: #FFF !important; background-image: none !important; border: solid 1px #FBB24E !important; }
.ui-button-text-only .ui-button-text { padding: 0.3em 0.6em !important; }
.optional-box-content .ui-button-text-only .ui-button-text { padding: .3em .5em; }
.ui-button .ui-button-text           { font: 12px/15px Tahoma, Helvetica, Arial, Verdana !important; color: #000; }
.ui-buttonset .ui-button             { margin-left: 0; margin-right: -.5em !important; }
.TypeOfPassenger .ui-buttonset .ui-button { margin-left: 0; margin-right: -.1em !important; }