﻿    #fat, .purchase {
        color: #FFF;
        background: #aaa296;
        /*border-top: 1px solid #d3cbc1;
        position: relative;
        width: 100%;*/
        }
    #pageHome #fat {
        background: #aaa296 url(../../_SiteImages/Template/findTicketsSectionBg.jpg) top center no-repeat;
        }
    #fat .head {
        width: 962px;
        overflow: hidden;
        }
    #fat .section, .purchase .section, .utils .section {
        background: #381E27 none repeat scroll 0 0;
        margin: 0 auto;
        padding: 6px 0 0;
        text-align: left;
        width: 962px;
        }
        #fat h2, .purchase h2 {
            font-size: 2.2em;
            line-height: 1em;
            margin: 0;
            padding: 5px 24px;
            float: left;
            font-weight: normal;
            }
        #fat ul.nav,
        .purchase ul.nav  {
            float: right;
            padding: 10px 24px 0;
            }
            #fat ul.nav li,
            .purchase ul.nav li {
                float: left;
                }
                #fat ul.nav li a,
                .purchase ul.nav li a {
                    font-size: 1.4em;
                    font-weight: bold;
                    margin-left: 1em;
                    color: #e1134f;
                    }
        #fat #search {
            background: #390015 url(../../_SiteImages/Template/ftBg.gif) left top repeat-x;
            }            
        #fat fieldset,
        #fat #divOptions{
            padding: 0 0 0 24px;
            clear: both;
            }
        #fat #search fieldset {
            float: right;
            padding: 0;
            }
            #fat #search fieldset fieldset {
            float: none;
            padding: 0;
            }
            #fat fieldset ul li {
                float: left;
                padding: 0 10px 0 0;
                }
                #fat fieldset ul li label {
                    display: block;
                    font-size: 1.4em;
                    font-weight: bold;
                    line-height: 1em;
                    margin-bottom: 3px;
                    padding-top: 7px;
                    }
                #fat fieldset ul li input {
                    display: block;
                    background: #FFF;
                    border: 1px solid #9a7783;
                    border-bottom: none;
                    color: #000;/*#999285;*/
                    padding: 3px 8px;
                    font-size: 1.6em;
                    width: 244px;
                    }
                #fat fieldset ul li #ftGoingTimes input, 
                #fat fieldset ul li #ftComingTimes input {
                    padding: 0;
                    }
                #preferences fieldset ol li select,
                #preferences fieldset ol li input {
                    color: #999285;
                    }
            #fat fieldset ul li.submit {
                /*
                background: #741c3b;
                border-right: none;
                margin-right: 24px;
                */
                float: right;
                margin-right: 0;
                padding-right: 0;
                }
                #fat fieldset ul li.submit label {
                    text-align: right;
                    margin-right: 15px;
                    }
                #fat fieldset .btnSubmit, 
                #fat fieldset .btnSubmitDefault {
                    width: 79px;
                    height: 32px;
                    background: url(../../_SiteImages/Template/btnSearch.jpg) left top no-repeat;
                    overflow: hidden;
                    display: block;
                    border: none;
                    cursor: pointer;
                    padding: 32px 0 0 0;
                    position: relative;
                    }
                    .btnPress {
                        background-position: left bottom !important;
                        }
        #preferences {
            background: #441829 url(../../_SiteImages/Template/ftOptionsBg.gif) left bottom repeat-x;
            padding: 0 24px;
            font-weight: bold;
            position: relative;
            width: 914px;
            z-index: 1;
            }
        #preferences .trigger, #preferences .comparison { 
            color: #DA0046; 
            cursor: pointer;
            font-size: 1.2em;
            line-height: 2.5; 
            }
        #preferences .comparison { float: right; }
        #fat #divOptions a:hover { text-decoration: none; }
        .linkHover { text-decoration: underline; }
    #preferences .panel {
        position: absolute;
        background: #0c0000 url(../../_SiteImages/Template/findTicketsBG.gif) 0 0 repeat-x;
        display: none;
        /* z-index: 10000; */
        float: none;
        min-height: 24em;
        width: 962px;
        top: 3em;
        left: 0;
        -moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5); 
        box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5);
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3); 
        }
        #preferences .panel fieldset {
            background: none;
            border: none;
            border-bottom: 1px solid #453333;
            margin: 0 24px;
            text-align: left;
            padding: 0 0 10px 0;
            }
        #preferences .panel fieldset.promotion {
            border-bottom: none;
            }
        #preferences .panel fieldset h3 {
            font-size: 1.6em;
            line-height: 1;
            margin: 10px 0 10px;
            }
        #preferences .panel fieldset ol {
            /* height: 1%; */
            margin: 0;
            }
        #preferences .panel fieldset ol:after {
            content: ".";
            visibility: hidden;
            clear: both;
            overflow: hidden;
            height: 0;
            }
            #preferences .panel fieldset ol li {
                float: left;
                font-size: 1.2em;
                font-weight: bold;
                line-height: 1.8;
                margin-right: 20px;
                position: relative;
                }
            #preferences .panel fieldset ol li label {
                margin: 0 5px;
                }
            #preferences .panel fieldset ol li label,
            #preferences .panel fieldset ol li input,
            #preferences .panel fieldset ol li select,
            #preferences .panel fieldset ol li span {
                /*float: left;*/
                }
            #preferences .panel fieldset ol li input,
            #preferences .panel fieldset ol li select {
                margin-top: 0;
                }
            #preferences .panel fieldset ol li label,
            #preferences .panel fieldset ol li span {
                line-height: 1.8;
                }
            #preferences .panel #ftSort input,
            #ftTravelVia,
            #ftAvoid,
            #ftNo {
                margin: 0 !important;
                }
        .ftExpand,
        .ftComing,
        .ftGoing {
            display: block;
            width: 17px;
            height: 17px;
            background: url(../../_SiteImages/Template/ftToggle.gif) left top no-repeat;
            float: left;
            overflow: hidden;
            text-indent: -9999em;
            margin: 0 5px 0 0 !important;
            cursor: pointer;
            /* Hide buttons */
            display: none;
            /* Hide buttons */
            }
        .ftComing,
        .ftGoing {
            position: absolute;
            right: 5px;
            bottom: 5px;
            margin: 0 !important;
            background: url(../../_SiteImages/Template/ftTimesToggle.gif) left top no-repeat;
            }
        span.ftOpen {
            background-position: left bottom;
            }
    #fat fieldset ul li.date {
        position: relative;
        padding-right: 1px;
        /* padding-bottom: 1em; */
        }
            #fat fieldset .scale span {
                width: 24.8%;
                display: block;
                float: left;
                text-align: center;
            }
            #fat fieldset .scale span.start {
                text-align: left;
            }
            #fat fieldset .scale span.end {
                text-align: right;
            }
        #ftGoingTimes,
        #ftComingTimes {
            display: none;
            position: absolute;
            top: 100%;
            background: #0C0000 url(../../_SiteImages/Template/findTicketsBG.jpg) repeat-x 0 0;
            z-index: 1000000;
            padding: 10px 10px 12px 10px;
            width: 193px;
            -moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5); 
            -webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5); 
            box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5);
            filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3); 

            }
            #fat #ftGoingTimes label,
            #fat #ftComingTimes label {
                color: #FFF;
                margin: 0  5px 0 0;
                }
            #fat #ftGoingTimes input.text,
            #fat #ftComingTimes input.text {
                font-size: 1.3em;
                padding: 2px 3px;
                width: 4.5em;
                border-color: #333;
                color: #000;
                margin: 0 0 5px;
                }            
        #ftComingTimes,#ftGoingTimes  { left: 0; }
        #ftGoing .time,
        #ftComing .time {
            font-size: 0.7em;
            font-style: normal;
            display: block;
            }
        #ftGoing,
        #ftComing {
            color: #E1134F;
            font-size: 1.6em;
            line-height: 1.7;
            /*margin: 3px 0 0;*/
            display: block;
            cursor: pointer;
            width: 116px;
            color: #fff;
            }
            #ftGoing span,
            #ftComing span {
                display: block;
                clear: left;
                font-size: 0.8em;
                line-height: 1.8em;
                min-height: 1.8em;
                }
    .ftSubmit { padding: 10px 24px; float: right; }
    #ftSave, #ftCancel, .ftSave {
        width: 80px;
        height: 31px;
        overflow: hidden;
        text-indent: -999em;
        background: url(../../_SiteImages/Template/ftBtnSave.gif) top left no-repeat;
        display: block;
        margin-left: 10px;
        }
    #ftSave, #ftCancel {
        float: right;
        }
    #ftCancel {
        background-image: url(../../_SiteImages/Template/ftBtnCancel.gif);
        }
    #ftSave:hover, #ftCancel:hover {
        background-position: bottom left;
        }
        

#preferences label, #preferences p {
    font-size: 1.2em; 
    line-height: 1.466;   
} 

#preferences p {
    margin-bottom: 10px;   
}  

#preferences #uiTxtAvoidVia { width: 244px; }  

#fat fieldset ul .panel span {
    color: #E1134F;
}  

li.date .trigger {
    background: #0C0000 url(../../_SiteImages/Template/trigger.jpg) bottom right no-repeat;
    padding: 0 6px;
}

li.date .active {
    background: url(../../_SiteImages/Template/trigger-active.jpg) bottom right no-repeat;
}

#fat fieldset ul li.submit {
    background: url(../../_SiteImages/Template/submit.jpg) bottom right repeat-x; 
    padding: 21px 20px 21px 37px;   
}

.date .trigger a:active,
.date .trigger a:focus  {
    background: none;
}

.headlineSummary a {
    display: block;
    color: #fff;
    line-height: 1;
    text-decoration: underline;
    zoom: 1;
}

.headlineSummary a.active {
    padding: 9px 0 9px 22px;
    background: url(../../_SiteImages/Template/headlineSummary.jpg) center left no-repeat; 
}

.headlineSummary a.inactive {
    padding: 9px 0 9px 0;
    background: none; 
}

.headlineSummary a,
.headlineSummary a:hover {
    text-decoration: none;
}

.headlineSummary a span {
    display: inline-block;
}


.headlineSummary a span.preference {
    padding-right: 8px;
    margin-right: 6px;
    background: url(../../_SiteImages/Template/preferences.jpg) right center no-repeat;
}

.headlineSummary a:focus .preference span, 
.headlineSummary a .preference span {
    color: #DA0046;  
    border-bottom: solid 1px #DA0046;
}

#fat #outboundDateClose, #fat #returnDateClose {
    width: 72px;
    height: 31px;  
    padding: 0;
    border: 0; 
    float: right;
    background: none;
}

#fat .passengers .msg 
{
    font-size: 1.1em;  
    margin-top: 1em; 
}

.hint {
    position: absolute;
    width: 250px; 
    z-index: 10000; 
    color: #746C5B;  
}

.hint .gutter {
    padding: 5px 5px 0 5px;
    background: url(../../_SiteImages/Template/hint.png) top left no-repeat;
}

.hint .ft {
    height: 5px;
    background: url(../../_SiteImages/Template/hint.png) bottom left no-repeat;
}

#fat fieldset ul .panel .hint span {
    color:#746C5B;
}



/*
    FAT Panel in #content
    =====================
    These styles are written specifically to overwrite others
    above (also: common.css, search.css). Please take care when
    editing these or any FAT-panel related styles.
*/
#content #fat h2 { color: #FFF; }
#content #fat #search ul { font-size: 1em; color: #FFF; line-height: 1em; padding: 0; }
#content #fat #search ul.quickDates { padding: 5px 10px; }
#content #fat #search ul li { list-style: outside none; }
#content #fat #search h4 { color: #FFF; line-height: 1.4em; padding: 0; }
#content #fat #search .panel table { margin: 0 0 0.4em }
#content #fat #search .panel table th { background: none; font-size: 1em; line-height: 1.5em; padding: 0.7em 0; }
#content #fat #search .panel table td { padding: 1px; background: none; font-size: 1em; line-height: 1.5em; border: none; }
#content #fat #preferences h3 { color: #FFF; padding: 0; }
#content #fat #preferences p { color: #FFF; padding: 0; }