/*
finder.css - www.frontiersnorth.com

link: http://www.frontiersnorth.com
copyright: 2008 Notion Design
author: Andrew Hughesman
================================*/

html {
    margin: 0;
    padding: 0;
}

body {
    background: #fef3e1;
    font: 11pt "Trebuchet MS", sans-serif;
    margin: 0;
    padding: 0;
}

a:link, a:visited {
    color: #53819b;
}

#FinderContainer {
    background: #fef3e1 url(../i/arrow-drag-drop.gif) no-repeat center center;
    height: 508px;
    width: 887px;
    overflow: hidden;
}

#FeedbackContainer {
    background: #fef3e1;
    height: 508px;
    width: 887px;
    overflow: hidden;
}

#Header {
    background: transparent url(../i/trip-finder-header.gif) no-repeat top left;
    display: block;
    height: 59px;
    margin: 0 0 0 0;
    width: 887px;
}

#HeaderList {
    background: transparent url(../i/trip-finder-header-results.gif) no-repeat top left;
    display: block;
    height: 59px;
    margin: 0 0 0 0;
    width: 872px;
}

#LeftContent {
    background: #e3dacd;
    float: left;
    height: 449px;
    width: 380px;
}

#LeftContentInside {
    height: 374px;
    margin-left: 12px;
    overflow: auto;
    width: 358px;
}

#LeftContent form {
    margin-left: 33px;
}

#ListContent {
    background: #e3dacd;
    margin: 0;
    padding: 20px;
    width: 832px;
}

#RightContent {
    background: #e3dacd;
    float: right;
    height: 449px;
    width: 380px;
}

#FeedbackContainer #LeftContent, #FeedbackContainer #RightContent {
    width: 425px;
}

#FeedbackContainer p.Success {
    color: #26ac4a;
    margin: 18px 33px 0 33px;
}

#FeedbackContainer p.Error {
    color: #de1d1d;
    margin: 18px 33px 0 33px;
}

.CharCat {
    background: #f4f0e3 url(../i/finder-category-arrow.gif) no-repeat 12px 12px;
    color: #53493d;
    height: 27px;
    margin-bottom: 3px;
    padding: 12px 0 0 29px;
    width: 309px;
}

.CharCatActive {
    background: #f4f0e3 url(../i/finder-category-arrow-active.gif) no-repeat 6px 16px;
    color: #53493d;
    height: 27px;
    margin-bottom: 3px;
    padding: 12px 0 0 29px;
    width: 309px;
}

.Char {
    background: #bfb4a6 url(../i/finder-drag-icon.gif) no-repeat 284px 11px;
    color: #50463c;
    height: 27px;
    margin-bottom: 3px;
    padding: 12px 0 0 18px;
    width: 320px;
}

.ContentHead {
    margin: 0 33px 0 33px;
}

.ContentHead h2 {
    color: #53819b;
    font-size: 12pt;
    font-weight: bolder;
    line-height: 12pt;
    margin: 18px 0 0 0;
}

.ContentHead h2 span.SmallHead {
    color: #384c53;
    font-size: 12pt;
}

.ContentHead p {
    color: #958d80;
    font-size: 10pt;
    margin: 2px 0 10px 0;
}

#CriteriaBox1 {
    background: transparent url(../i/finder-1-icon.gif) no-repeat 12px 9px;
}
#CriteriaBox2 {
    background: transparent url(../i/finder-2-icon.gif) no-repeat 12px 9px;
}
#CriteriaBox3 {
    background: transparent url(../i/finder-3-icon.gif) no-repeat 12px 9px;
}

.CriteriaBoxInside {
    margin-left: 33px;
}

#Criteria1, #Criteria2, #Criteria3 {
    background: #fffff2;
    border: 2px #c9c1b4 dashed;
    color: #cfcdbe;
    height: 25px;
    padding: 10px 0 0 84px;
    width: 250px
}

.CriteriaDesc {
    color: #bcb0a1;
    font-size: 10pt;
    margin: 5px 0 15px 0;
}

.CriteriaDesc span {
    color: #384c53;
}

#FindTripsButton {
    background: transparent url(../i/button-find-trips.gif) no-repeat top left;
    border: none;
    display: block;
    height: 39px;
    margin-left: 31px;
    text-indent: -9999px;
    width: 121px;
}

#FindTrips {
    background: transparent url(../i/trip-finder-button-more.gif) no-repeat top left;
    border: none;
    display: block;
    height: 39px;
    text-indent: -9999px;
    width: 164px;
}

#MoreInfo, #MoreTrips, #Print {
    border: none;
    float: left;
    height: 39px;
    margin-right: 10px;
    text-indent: -9999px;
}

#MoreInfo {
    background: transparent url(../i/button-more-information.gif) no-repeat top left;
    width: 210px;
}

#MoreTrips {
    background: transparent url(../i/trip-finder-button-more.gif) no-repeat top left;
    width: 164px;
}

#Print {
    background: transparent url(../i/button-print.gif) no-repeat top left;
    width: 85px;
}

#Buttons {
    margin: 20px 0 30px 0;
}

.Feedback {
    color: #958d80;
    font-size: 12pt;
    margin: 14px 0 0 31px;
}

#Criteria1 span, #Criteria2 span, #Criteria3 span {
    float: left;
}

.Remove {
    background: transparent url(../i/remove-icon.gif) no-repeat center right;
    float: right;
    margin-right: 10px;
    padding-right: 22px;
    text-align: right;
    text-decoration: none;
}

#ResultsInfoContainer {
    width: 832px;
}

#ListContent h1 {
    color: #53819b;
    font-size: 12pt;
    font-weight: bolder;
    margin: 0;
}

#ListContent h1 span {
    color: #394c58;
}

.ResultsDesc {
    color: #988f84;
    font-size: 10pt;
    margin: 0 0 8px 0;
}

#ResultsInfoLeft {
    float: left;
    margin: 0 0 0 20px;
}

#ResultsInfoRight {
    float: right;
    margin:  7px 20px 0 0;
}

#ResultsInfoLeft h2 {
    color: #958d80;
    font-size: 15pt;
    margin: 0 0 10px 8px;
}

#ResultsInfoLeft ul {
    list-style: none;
    padding: 0;
}

#ResultsInfoLeft li {
    color: #3b4a69;
    font-size: 13pt;
    height: 28px;
    margin: 0 0 4px 0;
    padding: 7px 10px 0 33px;
}

#ResultsInfoLeft .one {
    background: #fffff2 url(../i/finder-tan-1-icon.gif) no-repeat 11px 8px;
}

#ResultsInfoLeft .two {
    background: #fffff2 url(../i/finder-tan-2-icon.gif) no-repeat 11px 8px;
}

#ResultsInfoLeft .three {
    background: #fffff2 url(../i/finder-tan-3-icon.gif) no-repeat 11px 5px;
}

#TopBracket {
    border: #958d80 2px dashed;
    border-bottom: 0;
    height: 13px;
}

#BottomBracket {
    border: #958d80 2px dashed;
    border-top: 0;
    height: 13px;
}

#TripCount {
    background: #fffff2;
    color: #4e483c;
    font-size: 13pt;
    height: 28px;
    padding: 7px 10px 0 10px;
}

#TripCount span {
    color: #3b4a69;
    font-size: 15pt;
}

#ResultsInfoRight p {
    color: #978f82;
    line-height: 23px;
    text-align: right;
}

#ResultsInfoRight p a:link, #ResultsInfoRight p a:visited{
    color: #374c61;
    text-decoration: none;
}

.SearchTrip {
    border-bottom: #958d80 2px dashed;
    margin-top: 5px;
}

.SearchTrip div {
    background: #fffff1;
    margin-bottom: 5px;
    padding: 20px;
}

.SearchTrip h2 {
    color: #355170;
    font-size: 14pt;
    margin: 0;
}

.SearchTrip h3 {
    color: #355170;
    font-size: 12pt;
    margin: 0 0 10px 0;
}

.SearchTrip p.Date {
    color: #51493e;
    font-size: 11pt;
    margin: 0 0 5px 0;
}

.SearchTrip p.Details {
    color: #988f84;
    font-size: 11pt;
    margin: 0 0 3px 0;
}

.SearchTrip p.Price {
    color: #355170;
    font-size: 14pt;
    margin: 6px 0 10px 0;
}

#HelpContainer {
    padding: 10px;
    width: 350px;
}

#currencyContainer {
    width: 350px;
}

.Compare {
    color: #53819b;
    text-decoration: underline;
}

#Container:after, #Criteria1:after, #Criteria2:after, #Criteria3:after,
#ResultsInfoContainer:after, #Buttons:after
{
    border: none;
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}