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

body {
    margin: 0;
    padding: 0;
    background-color: #FFF;
    font: normal 12px/15px Tahoma, Arial, Helvetica, sans-serif;
    color: #000;
    width: 100%;
    box-sizing: border-box;
}

body.loading {
    width: 100% !important;
    height: 100% !important;
}

.modal {
    display: none;
}

.modal #modalOverlay,
#pnlUpdateProgress #modalOverlay,
.modalOverlay,
#modalOverlay {
    background-color: #aaa;
    opacity: 0.5;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; /* viewport height */
}

.modalBackground {
	background-color: #aaa;
	opacity: 0.5;
}

.modal div.modal-content,
#pnlUpdateProgress #UpdateProgressContent,
#UpdateProgressContent {
    width: 280px;
    height: 80px;
    background-color: #ffeedd;
    border: solid 2px #ff868f;
    padding: 10px;
    z-index: 1000;
    border-radius: 7px;
    box-shadow: 5px 5px 15px #666;
    position: absolute; 
    top: 50%;
    left: 50%;
    margin: auto;
    margin-left: -140px;
    margin-top: -40px;
}

#pnlUpdateProgress #UpdateProgressContent table td:first-child,
.Waitscreen_Image { vertical-align: middle; text-align: left; }
.Waitscreen_Text  { padding-left: 10px; }

.modal div.modal-content table,
#pnlUpdateProgress #UpdateProgressContent table { width: 278px; }



.ui-widget-overlay {
    background-color: #aaa;
    opacity: 0.3;
    left: 0;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
}
    .ui-front {
        z-index: 100;
    }

    
.agent-dialog { 
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: solid 1px #d9d9d9; 
    background-color: #fff; 
    padding: 10px; 
}
    .agent-dialog .ui-dialog-titlebar   { 
        background-color: #45629C; 
        color: #fff; 
        font-size: 14px; 
        font-weight: bold; 
        padding: 5px 8px; 
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin-bottom: 20px; 
    } 
    .agent-dialog .ui-dialog-content    { min-height: 0 !important; }
    .agent-dialog .buttonbar            { background-color: #d4d0c7; padding: 4px 8px; text-align: right; margin-top: 20px; }
    .no-close .ui-dialog-titlebar-close { display: none; }

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-icon-alert {
    background-position: 0 -144px;
}



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 !important; }
.center		{ text-align: center !important;}
.right		{ text-align: right !important; }

.vTop       { vertical-align: top; }

.bold,
.strong		{ font-weight: bold !important; }

.mTopLrg    { margin-top: 30px; }    
.mTopSml    { margin-top: 15px; }  
.mBottomLrg { margin-bottom: 30px; }    
.mBottomSml { margin-bottom: 15px; }    
.mBottomXSml{ margin-bottom: 8px; }

.mLeftLrg   { margin-left: 30px; }
.mLeftVryLrg { margin-left: 80px; }
.mLeftSml   { margin-left: 15px; }

.mRightLrg  { margin-right: 30px; }
.mRightVryLrg { margin-right: 80px; }
.mRightSml  { margin-right: 15px; }



.btnLo      { background-color: #f0f0f0; border: 1px solid #a8a8a8; height: 20px; }
.btnHi      { background-color: #ffddbb; border: 1px solid #ff870f; height: 20px; }
.btnHi[disabled]  { background-color: #f0f0f0; border: 1px solid #ff870f; height: 20px; cursor: not-allowed !important; }

.btnHiDisable  { background-color: #f0f0f0; border: 1px solid #ff870f; height: 20px; cursor: not-allowed !important; }

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

.shadow { box-shadow: 5px 5px 15px #ccc; }

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

.testmode-message { 
    background-color: #fbb664; 
    color: #000; 
    border-bottom: solid 5px #555;
    padding: 5px 0; 
    text-align: center; 
    margin: 5px 0 25px 0; 
    font-size: 16px; 
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
    .testmode-message span { text-transform: uppercase; font-size: 14px; font-weight: bold; }


/* ************************ */
/* ********* TABS ********* */
/* ************************ */

#maintab,
#maintabSmall {
    padding: 0;
    position: relative;
    border: none;
}
    #maintab        { top: 0; margin: 0px; }
    #maintabSmall   { top: 0; margin: 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 .customerinfo { margin-right: 7px; float: right; }
#maintab .customerinfo input { height: 20px !important; border: 1px solid #a8a8a8 !important; color: #000; padding: 0 5px; }

#maintabSmall .tabrow { float: none; }
#maintab      .tabrow { float: left; }

	
 .tabrow {
	text-align: left;
	list-style: none;
	margin: 0 0 0 26px;
	padding: 0 0 0 10px;	
    height: 30px;
    line-height: 28px;
	overflow: hidden;
	font-size: 12px;
	font-family: verdana;
	position: relative;
    width: auto;
}
    .tabrow:after {
        position: absolute;
        content: "";
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 1;
    } 
  
.tabrow li {
	border: 1px solid #aaa;
	background: #d1d1d1;
	background: -o-linear-gradient(top, #ececec 50%, #d1d1d1 100%);
	background: -ms-linear-gradient(top, #ececec 50%, #d1d1d1 100%);
	background: -moz-linear-gradient(top, #ececec 50%, #d1d1d1 100%);
	background: -webkit-linear-gradient(top, #ececec 50%, #d1d1d1 100%);
	background: linear-gradient(top, #ececec 50%, #d1d1d1 100%);
	display: inline-block;
	position: relative;
    margin: 0 -5px;
	padding: 0 16px;
    z-index: 0;
    zoom: 1;
	-webkit-border-radius: 6px 30px 0 0;
    -moz-border-radius: 6px 30px 0 0;
    border-radius: 6px 30px 0 0;
    -webkit-box-shadow: #333 0px 3px 3px;
    -moz-box-shadow: #333 0px 3px 3px;
    box-shadow: #333 0px 3px 3px;
    -webkit-text-shadow: 0 1px #fff;
    -moz-text-shadow: 0 1px #fff;
    text-shadow: 0 1px #fff;
    behavior: url(/js/pie/PIE.htc);
}
    .tabrow li:last-child { margin: 0 0 0 -5px; }
    
    
.tabrow a {
	color: #555;
	text-decoration: none;
    display: inline-block;
}

.tabrow li.selected {
	color: #333;
	border-top-color: #aaa;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;    
    behavior: url(/js/pie/PIE.htc);
    z-index: 5;

    /* Bugfix: für IE8 müssen alle Werte vom Gradient wieder überschrieben werden */
    background: #fff;
	background: -o-linear-gradient(top, #fff 50%, #fff 100%);
	background: -ms-linear-gradient(top, #fff 50%, #fff 100%);
	background: -moz-linear-gradient(top, #fff 50%, #fff 100%);
	background: -webkit-linear-gradient(top, #fff 50%, #fff 100%);
	background: linear-gradient(top, #fff 50%, #fff 100%);
}
    
    #maintab .tabrow li.selected { 
        -webkit-border-radius: 6px 30px 0 0;
        -moz-border-radius: 6px 30px 0 0;
        border-radius: 6px 30px 0 0; 
    }


.tabrow li.logo {
    border-top-color: #aaa;
    width: auto;
    padding: 0 !important;
    z-index: 5;
}





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

#calendar #title span#imgPrev { float: left; cursor: pointer; padding: 0 5px; }
#calendar #title span#imgNext { float: right; cursor: pointer; padding: 0 5px; }
#calendar #title span#monthName { text-align: center; }



/* ********************************************* */


#content {
    width: 1156px;
    background-color: #DFDFDF;
    border: solid 1px #A8A8A8;
    padding: 6px;
    float: left;
}
#innercontent {
    background-color: #FFF;
    border: solid 1px #A8A8A8;
    border-radius: 7px;
    padding: 10px 10px 20px 10px;
    position: relative;
    z-index: 2;
}
    #innercontent span#errors {
        float: left; 
        width: 410px; 
        padding-left: 20px; 
        display: none; 
        border-left: dotted 1px #CECECE; 
    }

#login_innercontent {
    background-color: #FFF;
    border: solid 1px #A8A8A8;
    padding: 20px;
    position: relative; 
    border-radius: 7px;   
}


#maincontent,
#logincontent {	
    height: 100%;    
}
    #maincontent {
        margin-top: 13px;
	    padding: 20px 10px;
	    background-color: #F5F5F5;
	    border: solid 1px #E0E0E0;        
        border-radius: 7px;
    }
    #logincontent {
        padding: 15px 10px;
	    background-color: #ffeedd;
	    border: solid 1px #ff870f;
        border-radius: 7px;
    }
    #logincontent #logincontent_fields { width: 400px; float: left; }

	    #logincontent #logincontent_fields input { width: 150px; margin-bottom: 7px; }
	
	    #logincontent #logincontent_fields #btnLogin {
            width: auto;
            margin-top: 15px;
            background-color: #ff870f;
            border-radius: 4px;
            color: #fff;
            border-color: transparent;
        }
        
        #logincontent #logincontent_fields .fa-sign-in { font-size: 16px; color: #ff870f; cursor: pointer; margin-left: 2px; }

        #logincontent #logincontent_fields #lblIncorrectLogin { 
            background-color: #fff;
            color: #ff870f;
            border: solid 1px #ff870f;
            padding: 3px 7px;
            border-radius: 4px;
            font-weight: bold;
        }
        #logincontent #logincontent_fields #lblSessionTimeout {
            background-color: #fff;
            color: #636363;
            border: solid 1px #636363;
            padding: 3px 7px;
            border-radius: 4px;
            font-weight: bold;
        }

        #logincontent .requirements {
            display: block;
            height: 30px;
            color: #F00 !important;
            font-size: 14px;
            font-weight: bold;
            padding: 5px 0 0 0;
            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; }


#footer {
    background-color: #DFDFDF;
    border: solid 1px #A8A8A8;
    border-top: none;
    border-radius: 0 0 7px 7px;
    position: relative; 
    z-index: 1;
    top: -2px; 
    width: 1168px;
    min-height: 50px;
    margin-left: 24px;
}
    #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, textarea {
    border: solid 1px #aaa;
    font-size: 12px;
    height: 22px;
    color: #000;
}
    input[type="image"],
    input[type="checkbox"] { height: auto; }

    input[type="image"],
    input#btnSearchXtremePricer,
    input#btnSearchNormal { border: none; }

    input[type="text"],
    input[type="password"] { border-radius: 3px; }
    
select {
    height: 25px;
    margin-top: 1px;
}      
input.checkbox, input.radio,
span.radio input, span.checkbox input {
    border: none;
    vertical-align: middle;
}

.ticketbuttondisable {
    color: #aaa !important; 
    cursor: default !important;
    margin-right: 5px;
    border: solid 1px #ddd !important;
}

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

button, 
input[type="reset"], 
input[type="button"], 
input[type="submit"] { height: 25px !important; line-height: 22px !important; cursor: pointer; border-radius: 4px; }

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 #FF870F; background-color: #FFDDBB; 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 {
    height: 10px; 
    background-color: transparent;
    border: none;
    border-bottom: solid 1px #ccc;
    margin-bottom: 10px;
}
hr.dotted { border-top: dotted 1px #ccc; }
	
span.hr   {
	display: block;
	height: 10px;
	border: none;
	border-bottom: solid 1px #ccc;    
	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; }


.Hand { cursor: pointer; }

.foreignPrice { font-size: 11px; }

.fa { color: #444; }
.fa-exclamation-circle   { color: #f00; }
.fa-exclamation-triangle { color: #f00; }



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

#left-hand-tabs
{
    float: left;
    width: 24px;
}
#toolbox, #btnQuickQuery
{
    cursor: pointer;
    width: 6px;
    height: auto;
    position: relative;
    white-space: pre-wrap;          /* css-3 */
	white-space: -moz-pre-wrap;     /* Mozilla */
	white-space: -pre-wrap;         /* Opera 4-6 */
	white-space: -o-pre-wrap;       /* Opera 7 */
	word-wrap: break-word;          /* Internet Explorer 5.5+ */
    background-color: #fff;
    border: solid 1px #aaa;
    border-right: none;
    -moz-border-radius: 6px 0 0 30px;
    -webkit-border-radius: 6px 0 0 30px;
    border-radius: 6px 0 0 30px;
    font-family: "Lucida Console", Monaco, monospace;  
    font-size: 12px;
    font-weight: normal;
    -webkit-box-shadow: #666 -1px 2px 2px;
    -moz-box-shadow: #666 -1px 2px 2px;
    box-shadow: #666 -1px 2px 2px;
}
    #toolbox {
        float: left;    
        margin: 29px 0 0 0;    
        z-index: 320;    
        padding: 6px 8px 12px 9px;    
    }
        
    #btnQuickQuery {
        display: inline-block;    
        margin: -20px 0 0;
        z-index: 220;    
        padding: 25px 8px 12px 9px;
    }

    #toolbox .fa,
    #btnQuickQuery .fa { margin-left: -3px; }


#toolboxpanel { padding: 25px 10px 10px 10px; }
#pnQuickQuery { padding: 10px; }

#toolboxpanel,
#pnQuickQuery {
    width: 215px;
    background-color: #FFF;
    border: solid 1px #A8A8A8;    
    z-index: 210;
    left: 24px;
    display: none;
    position: absolute; 
}
    #pnQuickQuery { margin-top: 29px; height: auto; }
    #toolboxpanel { margin-top: 29px; 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; }



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

#tabs { position: absolute; top: 0px; height: 30px; overflow: hidden; }

#tabs ul {
    list-style-type: none;
    margin: 0 0 10px 11px;
    padding: 0;
    line-height: 29px;
}
    #tabs ul li {
        float: left;
        display: block;
        font-weight: normal;            
        margin: 0 70px 0 0;
        padding-left: 0;
        width: auto;
    }

    #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     ******* */
/* ************************************ */

#quickquery #txtOutboundDepartureAirport_Textbox,
#quickquery #txtOutboundArrivalAirport_Textbox,
#quickquery #txtInboundDepartureAirport_Textbox,
#quickquery #txtInboundArrivalAirport_Textbox { width: 200px; }

#quickquery #calOutboundDepartureDate_TextBox,
#quickquery #calInboundDepartureDate_TextBox { width: 130px; }

#quickquery #cmbNoOfPassengers,
#quickquery #cmbNoOfChildren,
#quickquery #cmbNoOfInfants { width: 40px; }

#quickquery #DateAndPax           { width: 192px; border: solid 1px #CCC; border-left: none; padding: 10px; padding-left: 0; }
#quickquery #DateAndPax_Inside    { background-color: #F5F5F5; padding: 5px; width: 184px; }
#quickquery #DateAndPax_Inside hr { margin: 5px 0; }

#quickquery #DateAndPax_Inside .DateAndPax_PaxImg    { float: left; }
#quickquery #DateAndPax_Inside .DateAndPax_PaxSelect { float: left; margin-left: 5px; }


#quickquery #btnSearch { float: right; padding: 0 2px; margin: 10px; background-color: #F0F0F0; }


#txtOutboundDepartureAirport_Textbox,
#txtOutboundArrivalAirport_Textbox,
#txtInboundDepartureAirport_Textbox,
#txtInboundArrivalAirport_Textbox,
#txtOutboundDepartureAirport1_Textbox,
#txtOutboundArrivalAirport1_Textbox,
#txtOutboundDepartureAirport2_Textbox,
#txtOutboundArrivalAirport2_Textbox,
#txtOutboundDepartureAirport3_Textbox,
#txtOutboundArrivalAirport3_Textbox,
#txtOutboundDepartureAirport4_Textbox,
#txtOutboundArrivalAirport4_Textbox,
#txtOutboundDepartureAirport5_Textbox,
#txtOutboundArrivalAirport5_Textbox,
#txtOutboundDepartureAirport6_Textbox,
#txtOutboundArrivalAirport6_Textbox { width: 250px; }

#calOutboundDepartureDate_TextBox,
#calInboundDepartureDate_TextBox { width: 150px; }

#txtOutboundDepartureAirport_Extender_completionListElem,
#txtOutboundArrivalAirport_Extender_completionListElem, 
#txtInboundDepartureAirport_Extender_completionListElem,
#txtInboundArrivalAirport_Extender_completionListElem,
#txtOutboundDepartureAirport1_Extender_completionListElem,
#txtOutboundDepartureAirport2_Extender_completionListElem,
#txtOutboundDepartureAirport3_Extender_completionListElem,
#txtOutboundDepartureAirport4_Extender_completionListElem,
#txtOutboundDepartureAirport5_Extender_completionListElem,
#txtOutboundDepartureAirport6_Extender_completionListElem,
#ctrlModifyBooking_txtFrom_Extender_completionListElem,
#ctrlModifyBooking_txtTo_Extender_completionListElem,
.tbMultiStop ul { margin: 0 !important; width: auto !important; max-width: 350px !important; }

#txtOutboundDepartureAirport_Extender_completionListElem li,
#txtOutboundArrivalAirport_Extender_completionListElem li, 
#txtInboundDepartureAirport_Extender_completionListElem li,
#txtInboundArrivalAirport_Extender_completionListElem li,
#txtOutboundDepartureAirport1_Extender_completionListElem li,
#txtOutboundDepartureAirport2_Extender_completionListElem li,
#txtOutboundDepartureAirport3_Extender_completionListElem li,
#txtOutboundDepartureAirport4_Extender_completionListElem li,
#txtOutboundDepartureAirport5_Extender_completionListElem li,
#txtOutboundDepartureAirport6_Extender_completionListElem li,
#ctrlModifyBooking_txtFrom_Extender_completionListElem li,
#ctrlModifyBooking_txtTo_Extender_completionListElem li,
.tbMultiStop ul li { line-height: 20px; vertical-align: middle; }

.tbMultiStop ul li { float: left; padding-top: 1px; text-align: left !important; }
.tbMultiStop ul li span:last-child { padding-top: 0 !important; }


#query_flightdetails { width: 515px; float: left; padding: 7px; margin-bottom: 25px; background-color: #FFEEDD; border-radius: 7px; border: solid 1px #FF870F; }


#query_airports      { position: relative; width: 370px; 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: 490px;
    height: 100%;
    float: right;
    background-color: #FFF; 
    border: solid 1px #D4D3D3; 
    border-radius: 7px; 
    padding: 10px;
}
    #query_summary .querysummary-head    { padding: 0 0 4px 0; font-weight: bold; border-bottom: solid 2px #D4D3D3; }
    #query_summary .querysummary-content { padding: 5px 0; line-height: 20px; }
        
	#query_summary #spanRemainingQueries { padding: 4px 0 0 0; border-top: dotted 1px #aaa; }

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

#query_date { margin-top: 30px; }
    #query_date span { float: left; margin-right: 10px; }
    #query_date span span  { margin-right: 0; }
    
    #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_passengers div.type            { margin-right: 20px; }
#query_passengers div.type:last-child { margin-right: 0; }
#query_passengers div.type span       { margin-right: 3px; }

#query_passengers div.type #cmbNoOfPassengers,
#query_passengers div.type #cmbNoOfChildren,
#query_passengers div.type #cmbNoOfInfants       { min-width: 40px; width: auto; }
#query_passengers div.type #cmbTypeOfPassenger   { min-width: 105px; width: auto; }
#query_passengers .TypeOfPassenger    { margin: 10px 0 0 0; }

#query_passengers .type span img { margin-top: 2px; }


#query_fares { width: 510px; margin: 40px 0 20px 0; float: right; }

#query_optional     { float: left; width: 515px; }
.query_optional_box { width: 515px; border: solid 1px #D4D3D3; padding: 7px; border-radius: 7px; }

.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-currency select#cmbCurrency { text-align: left; min-width: 60px; width: auto; }
    
.optional-box-preferredairlines-head { float: left; width: 260px; 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: 140px; }
.optional-box-preferredairlines-exclude     { float: left; width: auto; margin-left: 15px; }
       
.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: 240px; 
    width: 50px; 
    padding: 10px 15px; 
    z-index: 210;
    cursor: pointer;
    border: solid 1px #D7D7D7;
    border-radius: 4px;
}
    .radius1 { top: 37px; }
    .radius2 { top: 80px; }
    .radius3 { top: 124px; }
    .radius4 { top: 167px; }        

    .radius1 span, .radius2 span,
    .radius3 span, .radius4 span {
        display: inline;
        width: 100%;
        text-align: right;
        margin: 0;
        padding: 1px 3px 1px 0 !important;
        border: solid 1px transparent;
        border-radius: 4px;
    }
        .radius1 span.over, .radius2 span.over,
        .radius3 span.over, .radius4 span.over {
            background-color: #FFEEDD;
            border: solid 1px #FF870F;
            font-weight: bold;
        }
        .radius1 span.out, .radius2 span.out,
        .radius3 span.out, .radius1 span.out { background-color: #FFF; }
        
    .radius1 hr, .radius2 hr,
    .radius3 hr, .radius4 hr { height: 1px; margin: 3px 0 !important; }

        .out a, .over a { text-decoration: none; }


#fareSources_Container { width: 490px; height: 100%; background-color: #FFF; border: solid 1px #D4D3D3; border-radius: 7px; padding: 10px; }

#fareSources .faresource-faretypes  { float: left; width: 230px; padding-left: 0; padding-right: 10px; border-right: dotted 1px #aaa; display: block; }
#fareSources .faresource-faredbs    { float: left; width: 230px; padding-left: 10px; padding-right: 0; display: block; }

#fareSources #pnFaresCorpConso,
#fareSources #pnFaresCorpTourOp,
#fareSources #pnFaresNetConso,
#fareSources #pnFaresNetConsoNet,
#fareSources #pnFaresNetConsoPub,
#fareSources #pnFaresNetConsoCorp,
#fareSources #pnFaresNetTourOperator { padding-left: 17px; }


.faresoure-faretypes-headline { font-weight: bold; }

#fareSources .faresource-faretypes span.headerline,
#fareSources .faresource-faredbs span.headerline { border-bottom: solid 2px #D4D3D3; padding-bottom: 0; display: block; }

#fareSources span.checkbox label { padding-left: 3px; vertical-align: middle; }


  
#query_fares .section,
#ticketOrder_fares .section,
#quote_fareSources .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,
    #quote_fareSources .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;
}

.fareSourcePopupControl {	/* für Popups bei fare types */
	position: absolute;
	margin-top: -21px;
    margin-left: 120px;
	background-color: white;
	border: solid 1px #CECECE;
	padding: 5px 10px;
	line-height: 20px;
	z-index: 2;
	height: auto;
	top: auto;
	left: auto;		
	display:none;
}

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


.btnContainer   { 
    float: right; 
    background-color: #fff; 
    border: solid 1px #e0e0e0; 
    border-top: none; 
    -moz-border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
    padding: 5px 8px; 
    margin-right: 10px; 
}
.btnContainer a { 
    background-color: #ffddbb !important; 
    border: solid 1px #ff870f !important; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*height: auto; */
    width: auto; 
    text-decoration: none; 
    padding: 3px 5px; 
    display: inline-block;
}


.newSize.btnContainer {
    float: right;
    background-color: transparent;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
    margin: 0 0 0 10px;
}
.newSize.btnContainer a { 
    background-color: #ffddbb !important; 
    border: solid 2px #ff870f !important; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: auto; 
    width: auto; 
    text-decoration: none; 
    padding: 4px 8px; 
    font-size: 15px;
    letter-spacing: 1px;
    display: inline-block;
}
.newSize.btnContainer a:hover {
    background-color: #ffeedd !important;
}


/* ********************************** */
/* *******     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 #text #lblMessage { 
        padding: 10px; 
        border-radius: 7px; 
        border: 1px solid #ff870f; 
        border-image: none; 
        width: 425px; 
        display: block; 
        background-color: #ffeedd; 
        margin-top: 30px;
    }
#waitscreenwrapper #footer  { width: 593px; margin: 0; }

embed { vertical-align: middle; }
      

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

.calculatorPopupImage {
    cursor: pointer;
    margin-left: 5px;
    vertical-align:middle;
}

#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;*/
        margin-top: 5px;
    }
    #fares table td                 { line-height: 24px; border-bottom: solid 1px #E1E1E1; }
    #fares table td a               { text-decoration: none; color: #000; }
    
    #fares table.filterby td        { padding: 0 3px; /* display: inline-block; */ white-space: nowrap; width: 150px !important; height: 24px !important; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
    #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;
        font-weight: bold;
        background-color: #FFF;
        margin-top: 3px;
    }
        #fares table.bestfare td {
            padding: 0 30px 0 3px;
            line-height: 24px;
            height: 24px;
            border-bottom: solid 1px transparent;
            background: transparent 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.bestfare td.over  { background-color: #FFDDBB; }
    
        #fares table.bestfare td.bestprice {
            background-image: none;
            background-color: #81CB93;
        }   
    
        
    #fares table.rotator { width: 1%; border-collapse: collapse; }
        #fares table.rotator td {
           line-height: 24px;
           height: 24px;
           padding: 0 3px;
           width: 1%;
           border-right: solid 1px #E1E1E1;
        }
            #fares table.rotator td.first {
                vertical-align: bottom;
                color: #000;
            }
            #fares table.rotator td.last { border-bottom: solid 1px #F9F9F9; }
            #fares table.rotator td.over { background-color: #FFDDBB; }
            #fares table.rotator td a	 { white-space: nowrap; }

 
#flightcontrolpanel,
#faressection,
#availabilitysection {
    background-color: #FFF;
    border: none;
    padding: 0;    
    height: 1%;
    width: 1134px;
}
	#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: 1112px;
    font-weight: bold;
    color: #000;
}

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

#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: 1112px;
    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	{ position: relative; left: 10px; }
        
        #arrangement table th a,
        .arrangement table th a				{ text-decoration: none; }
        
        
        
#asContent .fareheader {
	border: solid 1px #CECECE;
	width: 1087px;
	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: 520px;
    }
        #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 .farecontent {
    border: solid 1px #CECECE;
    border-top: none;
    width: 1100px;
    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: 1110px;
    color: #5A5A5A;
    border-top: solid 0px #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; }


.airlinealliance .AvailButtons { 
    float: right;
    text-align: right; 
}
    .airlinealliance .AvailButtons input { 
        min-width: 80px; 
    }

.airlinealliance .ProfiledCheckboxes { 
    float: right;
    padding: 0 20px 0 5px; 
    margin-right: 20px; 
    border-left: solid 1px #cdcdcd; 
    border-right: solid 1px #cdcdcd; 
}

        
       
                           
#singlefares { margin-top: 5px; color: #000; }
	
/* ******* FAREHEADER ******* */
#singlefares .fareheader {
    border: solid 1px #CECECE;
    width: 1118px;
    height: auto;
    padding: 2px 7px 7px 7px;
    background-color: #F7F7F7;
}
    #singlefares .fareheader span {
        float: left;
        display: block;
    }
    #singlefares .fareheader span:last-child {
        float: right;
        display: block;
    }
    
    #singlefares .fareheader span.popup,
    #selectedfare .fareheader span.popup,
    #farecontainer .PriceBox span.popup {
		position: absolute;
		margin-top: 0;
		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;
            }
                        
            #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;
                }
                                
                
                    
/* ******* FARECONTENT ******* */        
#singlefares .farecontent {
    border: solid 1px #CECECE;
    border-top: none;
    width: 1132px;
    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 .farecontent table tr.details td.MilageAndTravelTime,
            #selectedfare .farecontent table tr.details td.MilageAndTravelTime { }

        
#singlefares .book {
    width: 1134px;
    color: #5A5A5A;
    /*border-top: solid 4px #E8E8E8;*/
}
    #singlefares .book span.note {
        float: left;
        display: block;
        padding-top: 5px;
    }
    #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: 0 5px;
    background-color: #F0F0F0;
    white-space: nowrap;
    height: 22px;
    line-height: 20px;
}
#fares #farescontentmask {
    top: 0;
    left: 0;
    /*width: 840px !important; */
    height: 100%;
    overflow: hidden;
    position: relative;
}
#fares #farescontent { 
    top: 0;
    left: 0; 
    height: 100%;
    white-space: nowrap; 
    position: absolute; 
}

#faredisplay #fares #divScroller { text-align: right; }
#faredisplay #fares #divScroller a { float: right; }



/* FARBIGE FARE-DARSTELLUNG (Al Tayyar) START */
/* ------------------------------------------ */

.fareXX p.fareText {
    margin: 0; padding: 0; color: transparent; line-height: 0;
}
    .fareXX .fareheader {
        border: solid 1px #cecece;
    }
    .fareXX .farecontent {
        border: solid 1px #cecece;
    }
    .fareXX .book .btnContainer {
        border: solid 1px #cecece;
    }
/*  -------------  */
.fareRed p.fareText { 
    margin: 0; padding: 7px 0; color: #f00; font-weight: bold; line-height: 12px;
}
    .fareRed .fareheader {
        border: solid 2px #f00 !important;
        border-bottom: none !important;
    }
    .fareRed .farecontent {
        border: solid 2px #f00 !important;
        border-top: none !important;
    }
    .fareRed .book .btnContainer {
        border: solid 2px #f00 !important;
        border-top: solid 2px #fff !important;
        margin-top: -2px;
    }
/*  -------------  */
.fareYellow p.fareText { 
    margin: 0; padding: 7px 0; color: #ead807; font-weight: bold; line-height: 12px;
}
    .fareYellow .fareheader {
        border: solid 2px #ead807 !important;
        border-bottom: none !important;
    }
    .fareYellow .farecontent {
        border: solid 2px #ead807 !important;
        border-top: none !important;
    }
    .fareYellow .book .btnContainer {
        border: solid 2px #ead807 !important;
        border-top: solid 2px #fff !important;
        margin-top: -2px;
    }
/*  -------------  */
.fareGreen p.fareText { 
    margin: 0; padding: 7px 0; color: #2bd057; font-weight: bold; line-height: 12px; 
}
    .fareGreen .fareheader {
        border: solid 2px #2bd057 !important;
        border-bottom: none !important;
    }
    .fareGreen .farecontent {
        border: solid 2px #2bd057 !important;
        border-top: none !important;
    }
    .fareGreen .book .btnContainer {
        border: solid 2px #2bd057 !important;
        border-top: solid 2px #fff !important;
        margin-top: -2px;
    }
/*  -------------  */
.fareBlue p.fareText { 
    margin: 0; padding: 7px 0; color: #217cfb; font-weight: bold; line-height: 12px; 
}
    .fareBlue .fareheader {
        border: solid 2px #217cfb !important;
        border-bottom: none !important;
    }
    .fareBlue .farecontent {
        border: solid 2px #217cfb !important;
        border-top: none !important;
    }
    .fareBlue .book .btnContainer {
        border: solid 2px #217cfb !important;
        border-top: solid 2px #fff !important;
        margin-top: -2px;
    }

/* ----------------------------- */
/* FARBIGE FARE-DARSTELLUNG ENDE */



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

#fares TABLE.rotator TD.FareUnavailable	        { background: transparent url(/ImagesAgent/kreuz_red.gif) no-repeat right; padding-right: 20px; }
#fares TABLE.rotator TD.FareUnavailable:hover	{ background: #FFDDBB url(/ImagesAgent/kreuz_red.gif) no-repeat right; padding-right: 20px; }
#fares TABLE.rotator TD.FareAvailable	        { background: transparent url(/ImagesAgent/haken_green.gif) no-repeat right; padding-right: 20px; }
#fares TABLE.rotator TD.FareAvailable:hover	    { background: #FFDDBB 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.FareUnavailable:hover  { background: #FFDDBB 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; }
#fares TABLE.bestfare TD.FareAvailable:hover    { background: #FFDDBB url(/ImagesAgent/haken_green.gif) no-repeat right; padding-right: 20px; }



#farecontainer { border-collapse: collapse; margin: 0; }

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

#farecontainer table.rotatingtable {
	border-collapse: collapse; 
	height: auto; 
	margin: 1px 0 0 0; 
	padding: 0; 
    float: left;
}
	#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; 
    color: #8D8D8D; 
    line-height: 14px;
}
#farecontainer table.rotatingtable tr.content td {
	height: 30px;
    font-size: 11px;
	line-height: 14px;   
	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 0; 
	}
	#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.pricePP,
#farecontainer table.rotatingtable td.price			{ text-align: right; padding-right: 3px !important; }
#farecontainer table.rotatingtable td.noLeftBorder	{ border-left: none; }

.fareheader .calculation .invisibleCalcItem,
#calc #gvCalculation  .invisibleCalcItem { background-color: #ffeedd; }





/* *******  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 #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; }



.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; }

.print { cursor: pointer; }


table.rotatingtable { float: left; }

.maskSF, .maskOJ, .maskHEAD { position: relative; height: 1%; width: 1%; left: 0; top: 0; float: left; margin: 0; padding: 0; overflow: hidden; }
.maskSF		        { height: 33px; }
.maskOJ, .maskHEAD	{ height: 64px; }
.maskHEAD { width: 840px; }
.maskHEAD .col { width: 840px; }
.maskHEAD .col .rotatingtable { width: 840px; }
.maskSF { width: 838px; border-right: solid 1px #ccc; }

.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 */

.PriceBoxContainer { }
.PriceBoxHeader    { margin-left: 15px; line-height: 22px; border: solid 1px #C4C4C4; border-bottom: none; background-color: #ededed; }

#singlefares #farecontainer .PriceBox,
#faressection .PriceBox {
	margin: -2px 0 10px 15px; 
	background-color: #D4D4D4; 
	border-collapse: collapse; 
	border-top: solid 1px #C4C4C4;
	line-height: 14px;
}

    #singlefares #farecontainer .PriceBox table,
    #faressection .PriceBox table {
        width: 100%;
    }

	#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%;
    }


#farecontainer td:first-child
{
   display: inline;
}

#farecontainer table.rotatingtable tr td
{
    display: table-cell;
}
/* 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: 2px 5px; font-size: 12px; line-height:20px; 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: 0 0 20px 0; padding: 10px 10px 0 10px; width: 98%; border: solid 1px #CECECE; }
    #baggage .pax           { margin-top: 5px; padding: 5px; white-space: nowrap; width: 150px; }
    #baggage .pax select, 
    #baggage .pax .button   { width: auto; }
    #baggage .pax .goLeft   { padding-top: 5px; }
		
#baggage .apply { float: left; margin: -25px 0 0 170px; }
    #baggage .apply .button { margin: -5px 0 0 0; cursor: pointer; border: solid 1px #CDCDCD; background-color: #EEE; text-align: center; line-height: 18px !important; }


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

#selectedfare {
    margin-top: 25px;
    color: #000;
    border-bottom: solid 4px #E8E8E8;
}
    #selectedfare .fareheader {
        border: solid 1px #CECECE;
        width: 1096px;
        height: auto;
        padding: 2px 7px 7px 7px;
        background-color: #F7F7F7;
    }
        #selectedfare .fareheader span {
            float: left;
            display: block;
        }
        #selectedfare .fareheader .calculation {
            width: 100%; 
            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: 1110px;
    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 #pnStandard,
#customerdetails #pnWebFare,
#customerdetails #pnCharter {
    margin-bottom: 20px;
}


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

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

#customerdetails span.agentSection,
#customerdetails span.emergencyPhoneSection {
    border: none;
    margin-right: 0 !important;
    width: 120px;
    padding-top: 4px;
}
    #customerdetails span.emergencyPhoneContent {
        margin-right: 5px !important;
    }
    #customerdetails span.emergencyPhoneHint {
        padding-top: 4px;
        font-size: 1.45em;        
    }

        #customerdetails span.emergencyPhoneHint i {
            color: #FF870F !important;
        }

#divHint {
    display: none;
}
/*
.emergencyPhoneHint:hover + #divHint {
    display: block
} 
*/      
    
    #customerdetails #paxDataStandard {
        padding-bottom: 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: 1100px;
            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: 0 !important;
        }

        #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 10px;
            border-bottom: none;
        }  
        
        #customerdetails #paxDataStandard #ctrlPaxStandard input, select,
        #customerdetails #paxDataWeb #ctrlPaxWeb input, select,
        #customerdetails #paxDataCharter #ctrlPaxCharter input, select { width:150px; }
        
        #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 {
            padding: 0 10px 5px 10px;            
        }
        #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: 400px;
				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 .short,
				#customerdetails #paymentDataCharter .payment table .short	 { width: 30%; }
										
        #customerdetails #paymentDataWeb .info,
        #customerdetails #paymentDataCharter .info {
            width: 380px;
            padding: 0 10px 5px;
            border: solid 1px #D2D2D2;
            margin: 40px 0 20px 10px;
        }
        
        #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;
		}
	
.webstepnext
{
   background-color: #fdb;
   color: #000;
   border: 1px solid #ff870f;
}
        	
.webstepnext[disabled]
{
   background-color: #eee;
   color: #aaa;
   border: solid 1px #ddd;
   cursor: not-allowed !important;
}

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

#order {
    height: 100%;
    margin-bottom: 25px;
}
    #order_bookingdetails {
        width: 430px;
        float: left;
        padding: 0px 10px 10px 10px;
        border: solid 1px #ff870f;
        border-radius: 7px;
        background-color: #ffeedd;
        line-height: 18px;
    }
        #order_bookingdetails span.item {
            width: 140px;
            display: block;
            float: left;
        }
        #order_bookingdetails span.value {
            width: 280px;
            display: block;
            float: left;
            clear: right;
            font-weight: bold;
        }
    
    #order_routing {
        width: 460px;
        float: right;
        clear: right;
        padding: 0px 10px 10px 10px;
        border: solid 1px #ccc;
        background-color: #fff;
        border-radius: 7px;
    }
        #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 #summary span.summary-tariff { width: 55px; }
    #order_tariff #summary span.summary-price { width: 250px; }
    #order_tariff #summary span.summary-space { width: 500px; }
    #order_tariff #summary span.summary-rules { width: 260px; border-right: none; }
        #order_tariff #summary span.summary-rules .summary-rules-block1 { width: 230px; text-align: right; }
        #order_tariff #summary span.summary-rules .summary-rules-block2 { width: 20px; }

    #order_tariff .togglelink { width: 1092px; margin-top: 15px; }
    #order_tariff .togglelink .togglelink-space { width: 560px; }


#calc { display:block; border-bottom: solid 4px #ECECEC; }

#calc #gvCalculation { width: 100%; border-width: 0; color: #676767; font-size: 10px; border-collapse: collapse; background-color: #D4D4D4; font-size: 12px; line-height: 15px; }

#calc #gvCalculation th,
#calc #gvCalculation td         { text-align: right; }
#calc #gvCalculation th.first,
#calc #gvCalculation td.first   { text-align: left; }
#calc #gvCalculation td.first   { padding-left: 3px; }
#calc #pnAdditionalCosts .addCosts      { background-color: #dfdfdf; font-size: 11px; font-weight: bold; width: 100%; }
#calc #pnAdditionalCosts .addCosts_Head { height: 5px; background-color: #fff; }

#calc #gvCalculation .gvCalculation-title           { width: 240px; padding-left: 3px; }
#calc #gvCalculation .gvCalculation-gross           { width: 135px; }
#calc #gvCalculation .gvCalculation-net             { width: 167px; }
#calc #gvCalculation .gvCalculation-servicefee      { width: 167px; }
#calc #gvCalculation .gvCalculation-additionalcosts { width: 155px; }
#calc #gvCalculation .gvCalculation-taxes           { width: 145px; }
#calc #gvCalculation .gvCalculation-total           { width: 185px; }



#maincontent #pnNext #nextStep1         { float: right; background-color: #FFF; border: solid 1px #DCDCDC; border-top: none; padding: 4px 8px; margin-top: -1px; border-radius: 0 0 7px 7px; }
#maincontent #pnNext #btnNextStep1      { background-color: #F0F0F0; }
#maincontent #pnDelivery #nextStep2     { float: right; background-color: #FFF; border: solid 1px #DCDCDC; border-top: none; padding: 4px 8px; margin-top: -1px; border-radius: 0 0 7px 7px; }
#maincontent #pnDelivery #btnNextStep2  { background-color: #F0F0F0; }
#maincontent #pnPayment #previousStep   { float: left; background-color: #FFF; border: solid 1px #DCDCDC; border-top: none; padding: 4px 8px; margin-top: -1px; border-radius: 0 0 7px 7px; }
#maincontent #pnPayment #nextStep       { float: right; background-color: #FFF; border: solid 1px #DCDCDC; border-top: none; padding: 4px 8px; margin-top: -1px; border-radius: 0 0 7px 7px; }


#pnDelivery .pnDeliverySubline       { padding-left: 5px; border: solid 1px #D2D2D2; background-color: #FFF; font-weight: bold; line-height: 25px; margin: 0; }
#pnDelivery #pnDelivery_Innercontent { border: solid 1px #D2D2D2; border-top: none; height: 100%; background-color: #FFF; padding: 14px; }
#pnDelivery #pnDelivery_Innercontent #pnDelivery_Options { float: left; width: 455px; margin-right: 20px; }
#pnDelivery #pnDelivery_Innercontent #pnDelivery_DeliveryToCustomer { float: right; padding: 5px; width: 440px; }

#pnDelivery_DeliveryToCustomer #pnFoidSummary table#PaxFoidSummary th,
#pnDelivery_DeliveryToCustomer #pnFoidSummary table#PaxFoidSummary td { text-align: left; }


#pnPayment .pnPaymentSubline        { padding-left: 5px; border: solid 1px #D2D2D2; background-color: #FFF; font-weight: bold; line-height: 25px; margin: 0; }
#pnPayment .pnPaymentSubline span   { color: #D4D4D4; margin-right: 10px; }
#pnPayment .pnPaymentContent        { padding: 14px; border: solid 1px #D2D2D2; border-top: none; height: 100%; background-color: #FFF; }
#pnPayment .pnPaymentFlightAndTaxes { float: left; width: 455px; height: auto; padding: 5px; border-right: dotted 1px #CECECE; }
#pnPayment .pnPaymentPaymentMethod  { float: right; width: 440px; }
#pnPayment .pnPaymentPaymentMethod #pnDifferentPayment { float: right; font-weight: bold; }

#pnCalculator #selector { margin-bottom: 10px; }

#pnPayment { width: 1112px; }
#pnPayment .pnPaymentFlightAndTaxes #pnCreditCardFT select#cmbCCExpirationMonthFT,
#pnPayment .pnPaymentPaymentMethod #pnCreditCardSF select#cmbCCExpirationMonthSF { width: 80px !important; }
#pnPayment .pnPaymentFlightAndTaxes #pnCreditCardFT select#cmbCCExpirationYearFT,
#pnPayment .pnPaymentPaymentMethod #pnCreditCardSF select#cmbCCExpirationYearSF { width: 50px !important; }

#pnPayment .pnPaymentFlightAndTaxes #pnCreditCardFT table,
#pnPayment .pnPaymentFlightAndTaxes #pnBankAccountFT table,
#pnPayment .pnPaymentPaymentMethod #pnCreditCardSF table,
#pnPayment .pnDifferentPaymentMethod #pnBankAccountSF table { width: 330px; margin-top: 10px; }

#pnPayment .pnPaymentFlightAndTaxes #pnCreditCardFT table td { width: 50%; }

#pnPayment #previousStep { float: left; background-color:#FFF; border: solid 1px #DCDCDC; border-top:none; padding: 4px 8px; margin-top:-1px; }
#pnPayment #previousStep #btnPrevious { background-color:#F0F0F0; }

#pnPayment #nextStep     { float: right; background-color:#FFF; border: solid 1px #DCDCDC; border-top:none; padding: 4px 8px; margin-top:-1px; }
#pnPayment #nextStep #btnOrder        { background-color:#F0F0F0; }
#pnPayment #nextStep #btnIssueTicket  { background-color:#F0F0F0; }




/* ********************* */
/* NEUES PAYMENT CONTROL */
/* ********************* */

/* Credit Card */
.PaymentMethods_CC table tr td:first-child { padding-right: 10px; }
.PaymentMethods_CC_Company  { width: 170px; }
.PaymentMethods_CC_Month    { width: 120px; }
.PaymentMethods_CC_Year     { width: 60px; margin-left: 5px; }

.PaymentMethods_CC_HolderFirstName input[type="text"]   { width: 98%; }
.PaymentMethods_CC_HolderLastName input[type="text"]    { width: 98%; }
.PaymentMethods_CC_Number input[type="text"]            { width: 98%; }
.PaymentMethods_CC_CVC input[type="text"]               { width: 98%; }


/* Bank account */
.PaymentMethods_BA                                  { }
.PaymentMethods_BA_BankName input[type="text"]      { width: 80%; }
.PaymentMethods_BA_AccountNumber input[type="text"] { width: 60%; }
.PaymentMethods_BA_CodeNumber input[type="text"]    { width: 60%; }
.PaymentMethods_BA_AccountHolder input[type="text"] { width: 80%; }




/* Delivery */

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

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

#pnDeliveryToCustomer select.country { width: auto; }

#gvSurchargeCalculation { border-width: 0px; border-collapse: collapse; border-collapse: collapse; background-color: #F0F0F0; width: 100%; }
#gvSurchargeCalculation th,
#gvSurchargeCalculation td { border: solid 1px #cecece; text-align: left; }
#gvSurchargeCalculation td.first { padding-left: 3px; }

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

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



#AttentionMessage_Container              { margin: 10px 0 5px 0; padding-top:10px; border-top: dotted 1px #CECECE; height: 30px; }
#AttentionMessage_Btn                    { float: right; margin-top: 8px; padding-left: 10px; border-left: dotted 1px #CECECE; }
#AttentionMessage_Btn #btnBookingManager { background-color:#F0F0F0; }
#AttentionMessage                        { float: left; width: 800px; }



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

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

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

    #bookingsummary #agencysummary { width: 450px; height: 100%; min-height: 133px; float: right; background-color: #FFF; border: solid 1px #D4D3D3; border-radius: 7px; padding: 10px; }
    #bookingsummary #agencysummary span { line-height: 20px; }
        
    #agencysummary .agencysummary-head      { border-bottom: solid 2px #D4D3D3; padding: 0 0 4px 0; font-weight: bold; }
    #agencysummary .agencysummary-content   { padding: 4px 0; line-height: 18px; }
        #agencysummary .agencysummary-content span      { float: left; }
        #agencysummary .agencysummary-content span.item { width: 35%; font-weight: bold; }


#searchbookings {
    width: 515px;
    float: left;
    padding: 14px;
    background-color: #ffeedd;
    border: solid 1px #ff870f;
    border-radius: 7px;
    margin-bottom: 25px;
}
    #searchbookings.process {
        background-color: #fff;
        border: solid 1px #ddd;
    }

#searchbookings #bookingprocess { width: 510px; }
#searchbookings #bookingprocess table#gridBookingProcess { border: 1px solid #ddd !important; width: 99%; border-collapse: collapse; background-color: #fff; }
#searchbookings #bookingprocess table#gridBookingProcess tr:first-child td { font-weight: bold !important; }
#searchbookings #bookingprocess table#gridBookingProcess td.verticalcenter { border-color: #ddd !important; }


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

#afterbookingprocesses {
	padding-bottom: 10px;
	width: 500px;
	float:left;
}
	
	#btnIssueTicket #afterbookingprocesses #btnBookingProcessesClear,
	#afterbookingprocesses #btnBookingProcessesRun { margin-top:10px; margin-bottom:5px; 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; padding: 3px 3px 3px 10px; }
    #bookinglist table th:first-child { padding: 3px; }
    #bookinglist table th.notwrapped  { white-space:nowrap !important; } 
    #bookinglist table th.image       { vertical-align: middle; }
    #bookinglist table th span.sorter { padding-left: 0px; }
    #bookinglist table th.selectAll   { text-align: center; 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: 14px;
			z-index: 100;
			height: auto;
			width: 140px;
			top: auto;
			left: auto;		
			display:none;
            border-radius: 7px;
		}

        #bookinglist tr td:last-child .filtersection { right: 54px; padding: 10px 10px 3px 10px }

        .filtersection a { 
            display: block;
            margin-bottom: 7px; 
        }
		
		.filtersection span.hr {
			display: block;
			height: 5px;
			border: none;
			border-bottom: solid 1px #D2D2D2;    
			margin: 0 0 7px 0;
			padding: 0;
		}
		


#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: auto; width: 130px; }
#bookinglist span.sorter #pnlSection2 { height: auto; width: 100px; }
#bookinglist span.sorter #pnlSection3 { height: auto; width: 90px; }
#bookinglist span.sorter #pnlSection4 { height: auto; width: 80px; }
#bookinglist span.sorter #pnlSection5 { height: auto; width: 90px; }

#bookinglist span.sorter .sortButtons { float: right; }


#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; }



/* *************************************** */
/* *******     ISSUED TICKETS      ******* */
/* *************************************** */ 

#issuedtickets table {
    width: 100%;
    background-color: #F9F9F9;
    margin-bottom: 8px;
    border-collapse: collapse;
}
    #issuedtickets table tr:last-child td  { border-bottom: solid 1px #CECECE; }
    #issuedtickets table tr.detail td { border-bottom: solid 1px #CECECE; border-top:none; }
    
    #issuedtickets table th {
        width: auto;
        color: #000;
        font-weight: normal;
        text-align: left;
        padding: 5px;
        padding-left: 3px;
        padding-right: 3px;
        border: solid 1px #CECECE;
        border-right: none;
        vertical-align: baseline; 
    }

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



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

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

#singlefares a.bookedflightclosed,
#singlefares a.bookedflightopen,
#singlefares a.historyflightsclosed,
#singlefares a.historyflightsopen,
#singlefares a.issuedticketsclosed,
#singlefares a.issuedticketsopen {
    font-weight: bold;
    text-decoration: none;
    padding-right: 15px;
}
    #singlefares a.bookedflightclosed,
    #singlefares a.historyflightsclosed,
    #singlefares a.issuedticketsclosed { background: url(/ImagesAgent/plus.gif) no-repeat right; }
    
    #singlefares a.bookedflightopen,
    #singlefares a.historyflightsopen,
    #singlefares a.issuedticketsopen	{ 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;
    }

    #paymentTokenDetails {
    margin-top: 25px;
    background-color: #F6F6F6;
    border: solid 1px #CFCFCF;
    border-bottom: solid 2px #A5A5A5;
}
    #paymentTokenDetails div {
        line-height: 20px;
        height: 20px;
        overflow: hidden;
        background-color: #E4E4E4;
        border-bottom: solid 1px #FFF;
        text-align: left;
        padding-left: 5px;
        margin: 0;
    }
    
    #paymentTokenDetails div a.gdsclosed,
    #paymentTokenDetails div a.gdsopen {
        color: #000;
        text-decoration: none;
        padding-left: 20px;
        font-weight: bold;
    }
        #paymentTokenDetails div a.gdsopen	{ background: url(/ImagesAgent/minus.gif) no-repeat left; }
        #paymentTokenDetails div a.gdsclosed  { background: url(/ImagesAgent/plus.gif) no-repeat left; }
    
    #paymentTokenDetails span#lblToken {
        display: none;
        border-top: solid 1px #DCDCDC;
        padding: 7px;
        font-family: Courier New;
    }
    
.gds,
.lblFfnPnr,
.lblSeatMapPnr,
.lblOsiPnr,
.lblSsrPnr,
.lblRemarkPnr,
.lblToken {
    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; }


#pnSeatMap #Div1 {
    width: auto;
    float: left;
    margin-top: 20px;
    padding: 14px;
    background-color: #ffeedd;
    border: solid 1px #ff870f;
    border-radius: 7px;
    margin-bottom: 25px;
}
#pnSeatMap #Div1 .boxHeadline { 
    border-bottom: solid 1px #ccc; 
    padding-bottom: 7px; 
    margin: 0 0 7px 0;
}




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

#cancellationdetails {
    margin-top: 20px;
    height: 100%;
    padding: 10px;
    background-color: #ffeedd;
    border: solid 1px #ff870f;
    border-radius: 7px;
}

    #pnlCancellationInfos span.mainfields {
        background-color: #F8F8F8; 
        padding: 10px; 
        float: left;
        border: solid 1px #E0E0E0;
        height: 80px;
        margin-top: 5px;
    }
        #pnlCancellationInfos span.mainfields textarea {
            width: 99%;
            height: 50px;  
            border: solid 1px #ccc; 
        }
        #pnlCancellationInfos span.mainfields_field1 { width: 500px; margin-right: 20px; float: left; border: solid 1px #ff870f; }
        #pnlCancellationInfos span.mainfields_field2 { width: 500px; float: right; border: solid 1px #ff870f; }

    #pnlCancellationInfos div#button {
        float: right;
        background-color: #FFF;
        border: solid 1px #ff870f;
        border-top: none;
        padding: 4px 8px;
        border-radius: 0 0 7px 7px;
        margin-top: -2px;
    }
    #pnlCancellationInfos div#button #btnCancel { background-color: #F0F0F0; }

    #pnlCancellationInfos, #pnlCancellationDone, #pnlCancellationError { margin-top: 14px; }
        

/* ************************************************** */
/* *******     FLIGHT DETAILS / FARE RULES    ******* */
/* ************************************************** */ 

#flightdetails,
#farerules {
    width: 750px; 
    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; }

#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; }


#farerules #pnDefault .ruleButton { font-weight:bold; margin-bottom:8px; }

#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: 170px; }
		
		#farerules .content #pnlRemarks table { table-layout: fixed; }
		#farerules .content #pnlRemarks table td.value { word-wrap: break-word; }
		
		#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: 725px;
    background-color: #F8F8F8; 
    border: solid 1px #D2D2D2; 
    padding-bottom: 10px;
}
    #flightdetails #content #legdetails {
        width: 670px; 
        border: solid 1px #D2D2D2; 
        border-top: solid 1px #FFF; 
        border-left: none; 
        padding: 5px;
    }
        #flightdetails #content #legdetails .legdetails-header { width: 670px; }
        #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: 675px; 
		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 {
                width: 650px;
            }
            
            #flightdetails #content #segmentdetails .singlesegment table td {
                vertical-align: top;
                text-align: left;
                line-height: 15px;
            }
            #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;
    border-collapse: collapse;
}
    #userlist table#agentlist th.last { max-width: 144px; border-left: solid 1px #DDD; text-align: right; }
    #userlist table#agentlist td.last { border-left: solid 1px #DDD; text-align: right; white-space: nowrap; }


    #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;
       max-width: 120px;
       vertical-align: middle;
       text-align: left;
       border: solid 1px #CECECE;
       border-right: none;
       border-bottom: none;
       padding: 5px;
    }
        #userlist table td input[type="text"] {
            max-width: 116px;
        }

        #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;
        }

    #userlist #agentlist tr.newUserEdit input[type="text"] { width: 100%; }
    #userlist #agentlist tr.newUserEdit td.last input#btnSaveNewUser,
    #userlist #agentlist tr.newUserEdit td.last input#btnCancelNewUser { background-color: #F0F0F0; }

    #userlist #agentlist tr.userDisplayFields input[type="text"] { width: 100%; }
    #userlist #agentlist tr.userDisplayFields td.last input[type="button"] { background-color: #F0F0F0; }



table.agentrights,
#userlist table.agentrights { width: 310px; border: 1px solid #CECECE; padding: 2px; border-collapse: collapse; }

    table.agentrights th,
    #userlist table.agentrights th {
        background-color: Transparent;
        border: none;
        text-align: center;
        padding: 0;
    }
    #userlist table.agentrights th { padding: 0 0 0 5px; border-style: none; text-align: left; width: 270px; }
    #userlist table.agentrights th.center,
    #userlist table.agentrights td.center { text-align: center !important; padding: 0 !important; }

    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: 5px;
        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 { float: left; width: 410px; }

.treenavigation {
    color: #000;
    height: auto;
}
    .treenavigation .treenavigationbox { padding: 10px; border: solid 1px #ff870f; background-color: #ffeedd; min-width: 410px; min-height: 110px; border-radius: 7px; }
 }


.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;
            padding: 3px;
        }
        .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;
        border-radius: 7px;
    }
    

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:first-child { border-radius: 4px 0 0 0; }
        #pricelevels table th:last-child  { border-radius: 0 4px 0 0; }
    
    #pricelevels table th.last,
    #pricelevels table td.last { border-right: solid 1px #CECECE; border-left: solid 1px #DDD; text-align: right; white-space: nowrap; }
    #pricelevels table th.last input[type="submit"] { padding: 0 2px; background-color: #F0F0F0; }
        
    #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;
       white-space: nowrap;
    }
        #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;
        }

#calculation #btnSaveAll { background-color: #F0F0F0; float: right; }

	

/* ************************************ */
/* *******     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 #ff870f;
    border-radius: 7px 7px 0 0;
	padding: 3px 7px;
	line-height: 20px;
}
#scanmonitor .content {
	background-color: #ffeedd;
	border: solid 1px #ff870f;
    border-top: 0;
	padding: 5px 0 7px 7px;
	margin-bottom: 15px;	
	height: auto;
    border-radius: 0 0 7px 7px;
}
	#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;
		}



/* *********************************** */
/* *******   TICKETING MASKS   ******* */
/* *********************************** */

table.ticketing {
    width: auto;
    border-collapse: collapse;    
    empty-cells: show;
}
    table.ticketing th,
    table.ticketing td {
        border: solid 1px #d9d9d9;
        padding: 5px;
        text-align: left;
       
    }
        table.ticketing th { 
            background-color: #e8e8e8;
            vertical-align: top;
            font-weight: normal;
            border-bottom: solid 1px #999;
        }
        table.ticketing td {
            background-color: #fff;
            vertical-align: middle;
        }
            table.ticketing td.border {
                background-color: #e8e8e8;
                border-top: 1px solid #fff;
                height: 2px;
                padding: 0;
            }
        table.ticketing tr th:first-child { border-radius: 4px 0 0 0; }
        table.ticketing tr th:last-child  { border-radius: 0 4px 0 0; }


table.ticketing input[type="checkbox"] {
    margin: 0;
}

table.ticketing #btnImportBooking1 { background-color: #ffeedd; border: solid 1px #ff870f; }


.ticketing-payment-header {
    border: solid 1px #d2d2d2;
    background-color: #fff;
    font-weight: bold;
    line-height: 25px;
    margin: 0;
    padding-left: 5px;
}
.ticketing-payment-content {
    border: solid 1px #d2d2d2; 
    border-top: none; 
    background-color: #fff;    
    padding-bottom: 10px;
}

#void-message { font-size: 14px !important; }
    #void-message .ui-icon-alert,
    #refund-message .ui-icon-alert {
        float: left;
        margin: 2px 7px 20px 0;
        width: 16px;
        height: 16px;
    }

table.ticketing .sum    { height: 14px !important; display: inline-block; width: 50px; margin-left: 15px; text-align: right; }
table.ticketing select  { width: auto; }

#TicketManager1_tblStoredFare input[type="radio"] {
	border: none;
	padding: 0;
	margin-right: 2px;
}



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

#airportwrapper {
    width: 857px;
    color: #000;
    margin: 10px;
}

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: auto;
    padding: 2px 8px;
    white-space: nowrap;
}
    table#continent td.last {
        border-right: solid 1px #D5D5D5;
    }    
    table#continent td.active		{ background-color:#F5F5F5; }    
    table#continent td.active input { text-decoration: underline; }
        
input[type="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 #datacontainer {
    margin-top: 5px;
    border: solid 1px #D2D2D2;
    height: 580px; 
    overflow-y: scroll; 
    background-color: #F3F3F3;
}

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

#airportwrapper #datacontainer #leftcolumn input.btnCountry,
#airportwrapper #datacontainer #rightcolumn input.btnCountry,
#airportwrapper #datacontainer #leftcolumn input.btnAirport,
#airportwrapper #datacontainer #rightcolumn input.btnAirport {
	background-color: Transparent;
	border: none; 
	cursor: pointer;
	margin: 0;
	padding: 0 0 0 5px;
	text-align: left;
	color: #000;
    width: 368px;
    overflow: hidden;
    text-decoration: none;
    float:left;
}
#airportwrapper #datacontainer #leftcolumn input.btnCountry:hover,
#airportwrapper #datacontainer #rightcolumn input.btnCountry:hover,
#airportwrapper #datacontainer #leftcolumn input.btnAirport:hover,
#airportwrapper #datacontainer #rightcolumn input.btnAirport:hover {
	color: #000;
	background: #FFF;
}

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

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

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

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


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

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


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

#PDFwrapper {
    margin: 25px 10px 25px 25px;
    width: 850px;
    height: auto;
    font-size: 14px;
    color: #000;
    padding-bottom: 20px;
    overflow: auto !important;
    overflow-x: hidden !important;
}
#PDFwrapper .header	    { text-align: left; }    
#PDFwrapper #message    { margin-top: 50px; margin-left: 50px; width: 770px; }
#PDFwrapper #filekey    { margin-top: 30px; margin-left: 50px; width: 770px; }
#PDFwrapper #tripInfo   { padding-left: 50px; width: 600px; }
#PDFwrapper #tripInfo2   { padding-left: 50px; width: 600px; }

    #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%; }

    #PDFwrapper #ctrlPassengerInfo,
    #PDFwrapper #ctrlBookedFlights,
    #PDFwrapper #ctrlCalculation,
    #PDFwrapper #ctrlRegistration { page-break-inside: avoid; }

    


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

#calendar {
	position: relative;
	top: 20px; 
	left: 150px;
	background-color: #FFF;
	color: #000;
	border: 1px solid #676767;
	width: 180px;
	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;
} 



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

#innercontent #news {
    min-height: 120px;
}

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

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

#innercontent #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;
    border-radius: 4px;
    background-color: #F0F0F0;
    white-space: nowrap;
    margin: 0 0 4px 0;
    text-align: center;
    min-width: 80px;
    height: 22px;
    line-height: 22px !important;
}

.offerContent {
    width: 600px;
    height: 200px;
}


/* ************************************************** */
/* *******  Main Buttons farbig hervorherben  ******* */
/* *******    (search, book, next, order)     ******* */
/* ************************************************** */

.book span.button a,
#btnBookStandard,
#nextStep1 .button input,
#nextStep2 .button input,
#nextStep #btnOrder { background-color: #FFDDBB !important; border: 1px solid #FF870F !important; }

#singlefares .book .flighttimes .button a { background-color: #FFF !important; border: solid 1px #DCDCDC !important; }



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

.HeaderAirlineLogo          { width: 160px; text-align: center; }
.HeaderAirlineAndClasses    { width: 150px; border-right: dotted 1px #CECECE; vertical-align:text-top;}
.HeaderTicketType           { border-right: dotted 1px #CECECE; text-align: center; }
.HeaderSalesPreference      { border-right: dotted 1px #CECECE; text-align: center; }

.HeaderSalesPreference_SPCat1 { background: #fff url(/ImagesAgent/sp_cat1.gif) no-repeat 0 0 !important; }
.HeaderSalesPreference_SPCat2 { background: #fff url(/ImagesAgent/sp_cat2.gif) no-repeat 0 0 !important; }

.HeaderFareSourceTypeAndTicketing { white-space: nowrap; vertical-align:text-top;}
.HeaderRules                { text-align: right; white-space: nowrap; }



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

#cboxOverlay        { background: #aaa !important; opacity: 0.5 !important; }
#cboxLoadingOverlay { margin: 50% !important; background: #fff url(/ImagesAgent/preloader.gif) no-repeat 0 0 !important; }
#cboxLoadedContent  { margin-bottom: 10px !important; margin-top: 20px !important; }

#cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    background: url(images/controls.png) no-repeat -50px 0;
}




/* ********************* */
/* APIS                  */
/* ********************* */

.types { padding: 0 !important; }
.types p { font-size: 12px; margin: 10px 0 !important; }

.cbAddressForAll { width: auto !important; margin-top:4px; }
/*span label { padding-top: 5px; }*/

.paxe { padding: 15px 0; overflow:visible !important; }

.apistypes      { padding: 0 5px 5px 0 !important; margin-top: 10px; border: none !important; }
.apistypes div  { padding: 0 !important; }

.apis_addressinfomation,
.apis_passportinfomation,
.apis_visainfomation { border-top: dotted 1px #cdcdcd !important; padding-top: 5px; }

.accordionPassengerInput { padding: 0; margin: 0 auto !important; width: 98% !important; }
.accordionPassengerInput h3 { line-height: 30px !important; padding: 0 10px; }
.accordionPassengerInput h3 .apis_alert { width: 24px; height: 27px; background: transparent url(/ImagesAgent/exclamation.gif) 0 3px no-repeat; float: right; }

.divBaggageInformation { width: 300px; padding: 10px; margin-top: 22px; float: left; background-color: #e8e8e8; line-height: 18px; }

.accordionPassengerInput .paxe span         { display: inline-block; margin: 0 5px 0 0; vertical-align: bottom; width: 200px; }
.accordionPassengerInput .paxe span > span  { margin-top: 0; margin-bottom: 0; }
.accordionPassengerInput .paxe span select,
.accordionPassengerInput .paxe span input  { width: 98%; }

.mandatory-field { margin-top: 20px; }



/* PAX contact details */
/* ******************* */

#pnPhoneField > div { display: inline-block; margin: 0 5px 7px 0; vertical-align: bottom; }

#pnPhoneField > div,
#pnPhoneField > div span { width: 155px; }
#pnPhoneField > div span input  { width: 100%; }

#pnPhoneField > .ajax__validatorcallout_innerdiv > div { margin: 0 !important; padding: 0; }



/* ********************* */
/* QUOTE                 */
/* ********************* */

.noRightBorder { border-right: none !important; }

#quote_error { color: #f00; font-weight: bold; }

#quote_arrangement,
#quote_paxDetails,
.quote_calculation          { position: relative; }

#btnApplyFareQuote          { position: absolute; bottom: 5px; }

#btnQuote,
#btnApplyFareQuote { background-color: #ffddbb !important; border: 1px solid #ff870f !important; }
#btnApplyFareQuote[disabled] { background-color: #f0f0f0 !important; border: 1px solid #ff870f !important; cursor: not-allowed !important;}
#btnQuote { margin-left: 10px; }

#quote_flightDetails table,
.quote_alternative table,
.quote_direction table      { width: 100%; }

.quoteTable,
.paxDetailsTable { border-collapse: collapse; border-spacing: 0; }

.quoteTable th,
.quoteTable td,
.paxDetailsTable th,
.paxDetailsTable td { width: auto; color: #000; font-weight: normal; text-align: left; padding: 4px 3px; border: solid 1px #CECECE; }
    
    .quoteTable th,
    .paxDetailsTable th { vertical-align: top; background-color: #e8e8e8; }
    
    .quoteTable td,
    .paxDetailsTable td { background-color: #fff; }

    .quoteTable td.border,
    .paxDetailsTable td.border { background-color: #e8e8e8; border-bottom: 1px solid #fff; height: 5px; padding: 0; }
    
    #quote_flightDetails td,
    #quote_paxDetails td         { padding: 0 2px; }
    #quote_flightDetails td.center,
    #quote_paxDetails td.center  { text-align: center; }
    #quote_flightDetails td.noright,
    #quote_paxDetails td.noright { border-right:none; }
    #quote_flightDetails td.noleft,
    #quote_paxDetails td.noleft  { border-left: none; }

    .quoteTable th:first-child,
    .paxDetailsTable th:first-child { border-radius: 4px 0 0 0; }
    .quoteTable th:last-child,
    .paxDetailsTable th:last-child { border-radius: 0 4px 0 0; }

#quote_flightDetails table.quoteTable th.selectAll,
#quote_paxDetails table.paxDetailsTable th.selectAll        { text-align: left; vertical-align: middle; }

#quote_flightDetails table.quoteTable tr td:first-child,
#quote_paxDetails table.paxDetailsTable tr td:first-child   { width: 22px; }

    
#quote_fareSources { background-color: #fff; border: solid 1px #d4d3d3; border-radius: 7px; padding: 10px; height: 100%; b }

#quote_flightDetails,
#quote_paxDetails,
.quote_segment,
.quote_alternative,
.quote_direction,
.quote_calculation          { margin-top: 20px; }

.quote_calculation td.bold,
.quote_segment td.bold      { background-color: #e8e8e8; }
.quote_calculation .total   { text-align: right; border-left: none !important; }

.quoteTable select,
.paxDetailsTable select { width: auto; }

.quote_alternative tr.active td { background-color: #f5f5f5; }

.quote_requoteInfo { 
    margin-top: 10px; 
    -moz-border-radius: 7px; 
    -webkit-border-radius: 7px; 
    border-radius: 7px; 
    padding: 3px 7px; 
    background-color: #FF870F; 
    color: #fff; 
}


.quote-tax-tooltip  { border-collapse: collapse; }
    .quote-tax-tooltip th,
    .quote-tax-tooltip td   { line-height: 20px; padding: 0 5px; border-bottom: solid 1px #cdcdcd; border-left: solid 1px #cdcdcd; }
    
    .quote-tax-tooltip th:first-child,
    .quote-tax-tooltip td:first-child { border-left: none; }
    
    .quote-tax-tooltip td.right { padding-left: 10px; }


table#tblSubMenu {
    margin: 0;
    background: #EAEAEA;
    width: auto;        
}

table#tblSubMenu tr {
    list-style: none;
    margin: 0;
    padding: 0;
}

    table#tblSubMenu tr td {
        margin: 0;
        padding: 3px 4px;
        background-color: #e8e8e8;
        text-align: center;
    }

    table#tblSubMenu tr a:link {
        margin: 0;
        padding: 3px 4px;
        text-decoration: none;
        color: #080F0A;
    }

    table#tblSubMenu tr td:hover {
        margin: 0;
        text-decoration: none;
        font-size: small;
        color: #f6f0cc;
        background-color: #F9AB0C;
    }



.paxDetailsTable#tblSubMenu {
    width: 70%;        
}
    .paxDetailsTable#tblSubMenu tr td {
        padding: 0;        
    }
    .paxDetailsTable#tblSubMenu tr a:link {
        padding: 3px 4px;
        font-size: small;
    }
    .paxDetailsTable#tblSubMenu tr a:link :disabled {
        color: #cdcdcd;
    }
    .paxDetailsTable#tblSubMenu tr td:hover {
        background-color: #ffddbb;
    }
    .paxDetailsTable a.selectedtab {
        background-color: #ffddbb !important;
    }
    .paxDetailsTable a.deactivatedtab {
        color: #cdcdcd !important;
    }



.paxDetailsTable,
.quoteTable { margin-bottom: 10px; }

.paxDetailsTable td.header-row,
.quoteTable td.header-row {
    vertical-align: top !important;
    background-color: #e8e8e8 !important;
    white-space: nowrap !important;
    border-bottom: solid 1px #999;
}
    .paxDetailsTable td.header-row:first-child,
    .quoteTable td.header-row:first-child { border-radius: 4px 0 0 0; }

    .paxDetailsTable td.header-row:last-child,
    .quoteTable td.header-row:last-child { border-radius: 0 4px 0 0; }


.paxDetailsTable td.standard-row,
.quoteTable td.standard-row {
    width: auto !important;
    color: #000 !important;
    font-weight: normal !important;
    text-align: left !important;
    padding: 4px 3px !important;
    border: solid 1px #CECECE !important;
    white-space: nowrap !important;
}

#ctrlModifyBooking_pnlAvailabilityResponse #ctrlModifyBooking_btnBook { margin-left: 5px; }

.quoteTable select.brandFareName { width: 85px; }



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

#SearchOptions { width: 530px; }
#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: #FFDDBB !important; background-image: none !important; border: solid 1px #FF870F !important; }
.ui-button-text-only .ui-button-text { padding: 3px 6px !important; }
.optional-box-content .ui-button-text-only .ui-button-text { padding: 3px 5px; }
.ui-button .ui-button-text           { font: 12px/15px Tahoma, Helvetica, Arial, Verdana !important; color: #000; }
.ui-buttonset .ui-button             { margin-left: 0; margin-right: -5px !important; }
.TypeOfPassenger .ui-buttonset .ui-button { margin-left: 0; margin-right: -1px !important; }


/* ********************* */
/* jQuery UI Overwrite   */
/* ********************* */

.ui-widget       { font-size: inherit !important; }
.ui-helper-reset { line-height: inherit !important; }

.accordionPassengerInput .ui-widget { font-size: inherit !important; }

.accordionPassengerInput .ui-accordion .ui-accordion-header { line-height: 30px; font-size: 12px; padding-left: 10px; }

.ui-accordion .ui-accordion-content,
.accordionPassengerInput .ui-accordion .ui-accordion-content { padding: 5px 10px !important; }

.accordionPassengerInput .ui-state-default .ui-icon,
.accordionPassengerInput .ui-state-active .ui-icon { display: none; }



.ui-checkboxradio-label .ui-icon-background { box-shadow: none; border-radius: 0; border: none; }

.ui-icon-background,
.ui-state-active .ui-icon-background { border: none; background-color: transparent; }

.ui-state-active .ui-icon,
.ui-button:active .ui-icon { background-image: none; }

.ui-button .ui-icon { background-image: none; }

.ui-checkboxradio-icon,
.ui-checkboxradio-icon-space { display: none; }

.TypeOfPassenger span.checkbox .ui-button { margin-right: 1px; }
#chkListCabinClasses span.checkbox .ui-button { margin-right: -3px; }




/* ********************* */
/* AuthorisationManager  */
/* ********************* */

#userlist .validatorLabel {
    display:none; 
    position: absolute; 
    border: solid 1px #000; 
    z-index: 100; 
    top: auto; 
    left: auto; 
    background-color: #FFF; 
    padding: 5px 10px; 
    line-height: 20px;
}

#userlist .error { border: solid 1px #FF0000; }



/* ********************* */
/* Multistop             */
/* ********************* */

#divMultistopFields { display: none; width: 575px; float: left; }
#divMultistopFields .multistopspan { float: left; margin: 5px 10px 0 0; }

#divMultistopFields .multistopspan span                     { display: inline-block; vertical-align: middle; }
#divMultistopFields .multistopspan span:last-child          { margin-left: 2px; padding-top: 4px; }

#divMultistopFields .multistopspan .tbMultiStop,
#divMultistopFields .multistopspan .tbMultiStop input       { width: 100px; }
#divMultistopFields .multistopspan .tbMultiStopDate input   { width: 80px; }
#divMultistopFields .multistopspan .ddMultiStop             { width: 90px; }




/* ********************* */
/* Flags                 */
/* ********************* */

.flag {
	width: 16px;
	height: 11px;
	background:url('images/flags.png') no-repeat;
    display: block;
    float: left;    
    margin: 5px 5px 0 2px;    
}

.flag.flag-ad {background-position: -16px 0}
.flag.flag-ae {background-position: -32px 0}
.flag.flag-af {background-position: -48px 0}
.flag.flag-ag {background-position: -64px 0}
.flag.flag-ai {background-position: -80px 0}
.flag.flag-al {background-position: -96px 0}
.flag.flag-am {background-position: -112px 0}
.flag.flag-an {background-position: -128px 0}
.flag.flag-ao {background-position: -144px 0}
.flag.flag-ar {background-position: -160px 0}
.flag.flag-as {background-position: -176px 0}
.flag.flag-at {background-position: -192px 0}
.flag.flag-au {background-position: -208px 0}
.flag.flag-aw {background-position: -224px 0}
.flag.flag-az {background-position: -240px 0}
.flag.flag-ba {background-position: 0 -11px}
.flag.flag-bb {background-position: -16px -11px}
.flag.flag-bd {background-position: -32px -11px}
.flag.flag-be {background-position: -48px -11px}
.flag.flag-bf {background-position: -64px -11px}
.flag.flag-bg {background-position: -80px -11px}
.flag.flag-bh {background-position: -96px -11px}
.flag.flag-bi {background-position: -112px -11px}
.flag.flag-bj {background-position: -128px -11px}
.flag.flag-bm {background-position: -144px -11px}
.flag.flag-bn {background-position: -160px -11px}
.flag.flag-bo {background-position: -176px -11px}
.flag.flag-br {background-position: -192px -11px}
.flag.flag-bs {background-position: -208px -11px}
.flag.flag-bt {background-position: -224px -11px}
.flag.flag-bv {background-position: -240px -11px}
.flag.flag-bw {background-position: 0 -22px}
.flag.flag-by {background-position: -16px -22px}
.flag.flag-bz {background-position: -32px -22px}
.flag.flag-ca {background-position: -48px -22px}
.flag.flag-catalonia {background-position: -64px -22px}
.flag.flag-cd {background-position: -80px -22px}
.flag.flag-cf {background-position: -96px -22px}
.flag.flag-cg {background-position: -112px -22px}
.flag.flag-ch {background-position: -128px -22px}
.flag.flag-ci {background-position: -144px -22px}
.flag.flag-ck {background-position: -160px -22px}
.flag.flag-cl {background-position: -176px -22px}
.flag.flag-cm {background-position: -192px -22px}
.flag.flag-cn {background-position: -208px -22px}
.flag.flag-co {background-position: -224px -22px}
.flag.flag-cr {background-position: -240px -22px}
.flag.flag-cu {background-position: 0 -33px}
.flag.flag-cv {background-position: -16px -33px}
.flag.flag-cw {background-position: -32px -33px}
.flag.flag-cy {background-position: -48px -33px}
.flag.flag-cz {background-position: -64px -33px}
.flag.flag-de {background-position: -80px -33px}
.flag.flag-dj {background-position: -96px -33px}
.flag.flag-dk {background-position: -112px -33px}
.flag.flag-dm {background-position: -128px -33px}
.flag.flag-do {background-position: -144px -33px}
.flag.flag-dz {background-position: -160px -33px}
.flag.flag-ec {background-position: -176px -33px}
.flag.flag-ee {background-position: -192px -33px}
.flag.flag-eg {background-position: -208px -33px}
.flag.flag-eh {background-position: -224px -33px}
.flag.flag-england {background-position: -240px -33px}
.flag.flag-er {background-position: 0 -44px}
.flag.flag-es {background-position: -16px -44px}
.flag.flag-et {background-position: -32px -44px}
.flag.flag-eu {background-position: -48px -44px}
.flag.flag-fi {background-position: -64px -44px}
.flag.flag-fj {background-position: -80px -44px}
.flag.flag-fk {background-position: -96px -44px}
.flag.flag-fm {background-position: -112px -44px}
.flag.flag-fo {background-position: -128px -44px}
.flag.flag-fr {background-position: -144px -44px}
.flag.flag-ga {background-position: -160px -44px}
.flag.flag-gb {background-position: -176px -44px}
.flag.flag-gd {background-position: -192px -44px}
.flag.flag-ge {background-position: -208px -44px}
.flag.flag-gf {background-position: -224px -44px}
.flag.flag-gg {background-position: -240px -44px}
.flag.flag-gh {background-position: 0 -55px}
.flag.flag-gi {background-position: -16px -55px}
.flag.flag-gl {background-position: -32px -55px}
.flag.flag-gm {background-position: -48px -55px}
.flag.flag-gn {background-position: -64px -55px}
.flag.flag-gp {background-position: -80px -55px}
.flag.flag-gq {background-position: -96px -55px}
.flag.flag-gr {background-position: -112px -55px}
.flag.flag-gs {background-position: -128px -55px}
.flag.flag-gt {background-position: -144px -55px}
.flag.flag-gu {background-position: -160px -55px}
.flag.flag-gw {background-position: -176px -55px}
.flag.flag-gy {background-position: -192px -55px}
.flag.flag-hk {background-position: -208px -55px}
.flag.flag-hm {background-position: -224px -55px}
.flag.flag-hn {background-position: -240px -55px}
.flag.flag-hr {background-position: 0 -66px}
.flag.flag-ht {background-position: -16px -66px}
.flag.flag-hu {background-position: -32px -66px}
.flag.flag-ic {background-position: -48px -66px}
.flag.flag-id {background-position: -64px -66px}
.flag.flag-ie {background-position: -80px -66px}
.flag.flag-il {background-position: -96px -66px}
.flag.flag-im {background-position: -112px -66px}
.flag.flag-in {background-position: -128px -66px}
.flag.flag-io {background-position: -144px -66px}
.flag.flag-iq {background-position: -160px -66px}
.flag.flag-ir {background-position: -176px -66px}
.flag.flag-is {background-position: -192px -66px}
.flag.flag-it {background-position: -208px -66px}
.flag.flag-je {background-position: -224px -66px}
.flag.flag-jm {background-position: -240px -66px}
.flag.flag-jo {background-position: 0 -77px}
.flag.flag-jp {background-position: -16px -77px}
.flag.flag-ke {background-position: -32px -77px}
.flag.flag-kg {background-position: -48px -77px}
.flag.flag-kh {background-position: -64px -77px}
.flag.flag-ki {background-position: -80px -77px}
.flag.flag-km {background-position: -96px -77px}
.flag.flag-kn {background-position: -112px -77px}
.flag.flag-kp {background-position: -128px -77px}
.flag.flag-kr {background-position: -144px -77px}
.flag.flag-kurdistan {background-position: -160px -77px}
.flag.flag-kw {background-position: -176px -77px}
.flag.flag-ky {background-position: -192px -77px}
.flag.flag-kz {background-position: -208px -77px}
.flag.flag-la {background-position: -224px -77px}
.flag.flag-lb {background-position: -240px -77px}
.flag.flag-lc {background-position: 0 -88px}
.flag.flag-li {background-position: -16px -88px}
.flag.flag-lk {background-position: -32px -88px}
.flag.flag-lr {background-position: -48px -88px}
.flag.flag-ls {background-position: -64px -88px}
.flag.flag-lt {background-position: -80px -88px}
.flag.flag-lu {background-position: -96px -88px}
.flag.flag-lv {background-position: -112px -88px}
.flag.flag-ly {background-position: -128px -88px}
.flag.flag-ma {background-position: -144px -88px}
.flag.flag-mc {background-position: -160px -88px}
.flag.flag-md {background-position: -176px -88px}
.flag.flag-me {background-position: -192px -88px}
.flag.flag-mg {background-position: -208px -88px}
.flag.flag-mh {background-position: -224px -88px}
.flag.flag-mk {background-position: -240px -88px}
.flag.flag-ml {background-position: 0 -99px}
.flag.flag-mm {background-position: -16px -99px}
.flag.flag-mn {background-position: -32px -99px}
.flag.flag-mo {background-position: -48px -99px}
.flag.flag-mp {background-position: -64px -99px}
.flag.flag-mq {background-position: -80px -99px}
.flag.flag-mr {background-position: -96px -99px}
.flag.flag-ms {background-position: -112px -99px}
.flag.flag-mt {background-position: -128px -99px}
.flag.flag-mu {background-position: -144px -99px}
.flag.flag-mv {background-position: -160px -99px}
.flag.flag-mw {background-position: -176px -99px}
.flag.flag-mx {background-position: -192px -99px}
.flag.flag-my {background-position: -208px -99px}
.flag.flag-mz {background-position: -224px -99px}
.flag.flag-na {background-position: -240px -99px}
.flag.flag-nc {background-position: 0 -110px}
.flag.flag-ne {background-position: -16px -110px}
.flag.flag-nf {background-position: -32px -110px}
.flag.flag-ng {background-position: -48px -110px}
.flag.flag-ni {background-position: -64px -110px}
.flag.flag-nl {background-position: -80px -110px}
.flag.flag-no {background-position: -96px -110px}
.flag.flag-np {background-position: -112px -110px}
.flag.flag-nr {background-position: -128px -110px}
.flag.flag-nu {background-position: -144px -110px}
.flag.flag-nz {background-position: -160px -110px}
.flag.flag-om {background-position: -176px -110px}
.flag.flag-pa {background-position: -192px -110px}
.flag.flag-pe {background-position: -208px -110px}
.flag.flag-pf {background-position: -224px -110px}
.flag.flag-pg {background-position: -240px -110px}
.flag.flag-ph {background-position: 0 -121px}
.flag.flag-pk {background-position: -16px -121px}
.flag.flag-pl {background-position: -32px -121px}
.flag.flag-pm {background-position: -48px -121px}
.flag.flag-pn {background-position: -64px -121px}
.flag.flag-pr {background-position: -80px -121px}
.flag.flag-ps {background-position: -96px -121px}
.flag.flag-pt {background-position: -112px -121px}
.flag.flag-pw {background-position: -128px -121px}
.flag.flag-py {background-position: -144px -121px}
.flag.flag-qa {background-position: -160px -121px}
.flag.flag-re {background-position: -176px -121px}
.flag.flag-ro {background-position: -192px -121px}
.flag.flag-rs {background-position: -208px -121px}
.flag.flag-ru {background-position: -224px -121px}
.flag.flag-rw {background-position: -240px -121px}
.flag.flag-sa {background-position: 0 -132px}
.flag.flag-sb {background-position: -16px -132px}
.flag.flag-sc {background-position: -32px -132px}
.flag.flag-scotland {background-position: -48px -132px}
.flag.flag-sd {background-position: -64px -132px}
.flag.flag-se {background-position: -80px -132px}
.flag.flag-sg {background-position: -96px -132px}
.flag.flag-sh {background-position: -112px -132px}
.flag.flag-si {background-position: -128px -132px}
.flag.flag-sk {background-position: -144px -132px}
.flag.flag-sl {background-position: -160px -132px}
.flag.flag-sm {background-position: -176px -132px}
.flag.flag-sn {background-position: -192px -132px}
.flag.flag-so {background-position: -208px -132px}
.flag.flag-somaliland {background-position: -224px -132px}
.flag.flag-sr {background-position: -240px -132px}
.flag.flag-ss {background-position: 0 -143px}
.flag.flag-st {background-position: -16px -143px}
.flag.flag-sv {background-position: -32px -143px}
.flag.flag-sx {background-position: -48px -143px}
.flag.flag-sy {background-position: -64px -143px}
.flag.flag-sz {background-position: -80px -143px}
.flag.flag-tc {background-position: -96px -143px}
.flag.flag-td {background-position: -112px -143px}
.flag.flag-tf {background-position: -128px -143px}
.flag.flag-tg {background-position: -144px -143px}
.flag.flag-th {background-position: -160px -143px}
.flag.flag-tibet {background-position: -176px -143px}
.flag.flag-tj {background-position: -192px -143px}
.flag.flag-tk {background-position: -208px -143px}
.flag.flag-tl {background-position: -224px -143px}
.flag.flag-tm {background-position: -240px -143px}
.flag.flag-tn {background-position: 0 -154px}
.flag.flag-to {background-position: -16px -154px}
.flag.flag-tr {background-position: -32px -154px}
.flag.flag-tt {background-position: -48px -154px}
.flag.flag-tv {background-position: -64px -154px}
.flag.flag-tw {background-position: -80px -154px}
.flag.flag-tz {background-position: -96px -154px}
.flag.flag-ua {background-position: -112px -154px}
.flag.flag-ug {background-position: -128px -154px}
.flag.flag-um {background-position: -144px -154px}
.flag.flag-us {background-position: -160px -154px}
.flag.flag-uy {background-position: -176px -154px}
.flag.flag-uz {background-position: -192px -154px}
.flag.flag-va {background-position: -208px -154px}
.flag.flag-vc {background-position: -224px -154px}
.flag.flag-ve {background-position: -240px -154px}
.flag.flag-vg {background-position: 0 -165px}
.flag.flag-vi {background-position: -16px -165px}
.flag.flag-vn {background-position: -32px -165px}
.flag.flag-vu {background-position: -48px -165px}
.flag.flag-wales {background-position: -64px -165px}
.flag.flag-wf {background-position: -80px -165px}
.flag.flag-ws {background-position: -96px -165px}
.flag.flag-xk {background-position: -112px -165px}
.flag.flag-ye {background-position: -128px -165px}
.flag.flag-yt {background-position: -144px -165px}
.flag.flag-za {background-position: -160px -165px}
.flag.flag-zanzibar {background-position: -176px -165px}
.flag.flag-zm {background-position: -192px -165px}
.flag.flag-zw {background-position: -208px -165px}


/* ********************* */
/* filter display        */
/* ********************* */
.filtericon {  
    float: right !important;
    margin-top: 4px;
} 

/* ********************* */
/* Validator             */
/* ********************* */
.validatorCalloutHighlight  { background-color: #FFD2D1; }
.validatorCalloutBackground { background-color: #F5F5F5; }
.ajax__validatorcallout div, .ajax__validatorcallout td { background-color: #FFD2D1; }



/* ********************** */
/* PaymentMethod control  */
/* ********************** */
.paymentdisable {background-color: #e8e8e8;   }


.paymentbuttonSaveEdit{ 
    margin-right:5px; margin-bottom: 10px;margin-top: 2px !important; 
}

.paymentbuttonEditVisible {
   background-color: rgb(237, 246, 237) !important;
}


/* *********************************** */
/* Quote page - Calculation rules      */
/* *********************************** */

        #btnCalcRules {
            text-decoration: none;
            margin: 5px 0 0 10px;
            background-color: #ffddbb !important;
            border: 1px solid #ff870f !important;
            height: 22px !important;
            line-height: 18px !important;
            cursor: pointer;
            border-radius: 4px;
            padding: 3px 6px 4px 6px; 
        }

        #modalCalcRules .overflow-container {
            width: 1000px;
            height: 500px;
            padding: 10px;
            overflow: auto;
        }

        #modalCalcRules { }

            #modalCalcRules h3 { 
                padding: 0 0 0 10px; 
                margin: 0 0 10px 0;
            }
            #modalCalcRules table {
                border-collapse: collapse;
                border-spacing: 0;
                width: 100%;
            }
            #modalCalcRules table th:first-child {
                border-radius: 4px 0 0 0;
            }
            #modalCalcRules table th:last-child {
                border-radius: 0 4px 0 0;
            }
            
            #modalCalcRules table th.marker { width: 30px; }
            #modalCalcRules table th.points { width: 30px; }
            #modalCalcRules table th.rulename,
            #modalCalcRules table th.reason { width: auto; }
            #modalCalcRules table th.weight { width: 30px; }

            #modalCalcRules table th {
                font: 11px/normal Tahoma, Arial, Helvetica, sans-serif !important;
                vertical-align: top;
                background-color: #e8e8e8;
                padding: 4px 3px;
                border: 1px solid #cecece;
                border-image: none;
                width: auto;
                text-align: left;
                color: #000;
                font-size-adjust: none !important;
                font-stretch: normal !important;
            }
            #modalCalcRules table td {
                font: 11px/normal Tahoma, Arial, Helvetica, sans-serif !important;
                background-color: #fff;
                padding: 0px 2px;
                padding: 4px 3px;
                border: 1px solid #cecece;
                border-image: none;
                width: auto;
                text-align: left;
                color: #000;
                font-size-adjust: none !important;
                font-stretch: normal !important;
                vertical-align: top;
            }
            
        .failed {
	        background: url("/ImagesAgent/kreuz_red.gif") no-repeat right; padding-right: 20px;
        }       
        .succeed {
	        background: url("/ImagesAgent/haken_green.gif") no-repeat right; padding-right: 20px;
        }


/* ************************************** */
/* Fare display page - Calculation rules  */
/* ************************************** */

        #modalCalcRulesFD {
            background-color: #fff;
            padding: 10px;
        }

           #modalCalcRulesFD .overflow-container {
              height: 500px;
              overflow: auto;
              padding: 0px;
              width: 100%;
        }

            #modalCalcRulesFD table {
                border-collapse: collapse;
                border-spacing: 0;
                width: 100%;
            }
            #modalCalcRulesFD table th:first-child {
                border-radius: 4px 0 0 0;
            }
            #modalCalcRulesFD table th:last-child {
                border-radius: 0 4px 0 0;
            }
            
            #modalCalcRulesFD table th.marker { width: 30px; }
            #modalCalcRulesFD table th.points { width: 30px; }
            #modalCalcRulesFD table th.rulename,
            #modalCalcRulesFD table th.reason { width: auto; }
            #modalCalcRulesFD table th.weight { width: 30px; }

            #modalCalcRulesFD table th {
                font: 11px/normal Tahoma, Arial, Helvetica, sans-serif !important;
                vertical-align: top;
                background-color: #e8e8e8;
                padding: 4px 3px;
                border: 1px solid #cecece;
                border-image: none;
                width: auto;
                text-align: left;
                color: #000;
                font-size-adjust: none !important;
                font-stretch: normal !important;
            }
            #modalCalcRulesFD table td {
                font: 11px/normal Tahoma, Arial, Helvetica, sans-serif !important;
                background-color: #fff;
                padding: 0px 2px;
                padding: 4px 3px;
                border: 1px solid #cecece;
                border-image: none;
                width: auto;
                text-align: left;
                color: #000;
                font-size-adjust: none !important;
                font-stretch: normal !important;
                vertical-align: top;
            }


        /* ************************************** */
        /* Quote page - Calculation rules  */
        /* ************************************** */

        #modalCalcRulesQ {
            background-color: #fff;
            padding: 10px;
        }

           #modalCalcRulesQ .overflow-container {
              height: 500px;
              overflow: auto;
              padding: 0px;
              width: 100%;
        }

            #modalCalcRulesQ table {
                border-collapse: collapse;
                border-spacing: 0;
                width: 100%;
            }
            #modalCalcRulesQ table th:first-child {
                border-radius: 4px 0 0 0;
            }
            #modalCalcRulesQ table th:last-child {
                border-radius: 0 4px 0 0;
            }
            
            #modalCalcRulesQ table th.marker { width: 30px; }
            #modalCalcRulesQ table th.points { width: 30px; }
            #modalCalcRulesQ table th.rulename,
            #modalCalcRulesQ table th.reason { width: auto; }
            #modalCalcRulesQ table th.weight { width: 30px; }

            #modalCalcRulesQ table th {
                font: 12px/normal Tahoma, Arial, Helvetica, sans-serif !important;
                vertical-align: top;
                background-color: #e8e8e8;
                padding: 4px 3px;
                border: 1px solid #cecece;
                border-image: none;
                width: auto;
                text-align: left;
                color: #000;
                font-size-adjust: none !important;
                font-stretch: normal !important;
            }
            #modalCalcRulesQ table td {
                font: 12px/normal Tahoma, Arial, Helvetica, sans-serif !important;
                background-color: #fff;
                padding: 0px 2px;
                padding: 4px 3px;
                border: 1px solid #cecece;
                border-image: none;
                width: auto;
                text-align: left;
                color: #000;
                font-size-adjust: none !important;
                font-stretch: normal !important;
                vertical-align: top;
            }