pre {
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
}

/**** LANDING PAGE ****/
.tripPlannerBody #content {
    margin-top: 17px; 
}

.tripPlannerBody #content #main .democall { margin-left:14px; margin-top:7px; }
.tripPlannerBody #content #main .democall.myTrips {padding-left:130px}
.tripPlannerBody #content #main .democall h3 {
    font-size:1.5em;
    font-weight:normal;
    color:#7A7A6D;
}

.tripPlannerBody #content #main h3 {
    font-size:1.5em;
    font-weight:normal;
    color:#7A7A6D;
}

.tripPlannerBody .redBanner {
    border-bottom: 14px solid #AC2507;
    background: #CC2D03;
}

.tripPlannerBody .slateBanner {
    border-bottom: 14px solid #4C7780;
    background: #5A8691;
}

.tripPlannerBody img.indented {
   margin-left: 11px; 
   margin-top:14px
}

#planning-instructions {
    padding-left: 15px;    
}

#planning-instructions h1 {
    font-size: 2.5em;
    font-weight: normal;
    margin-top: 10px;
}

.inspirationalText {
    font-size: 1.3em;
    font-weight: normal;
    color: #848379;
}

#planning-instructions .signInLink, #createTrip {
    margin: 15px 0px;
}

#planning-instructions .signInLink .submitBtnGreen {
    margin-right: 7px;
}

#planning-instructions .signInLink a.linkChevron {
    float: none;
    line-height: 25px;
    margin-left: 10px;
}

#tripPlans div.tripListHeader {
    margin: 10px 0;
    padding-left: 15px;
    font-size: 1.2em;
}

#tripPlans .tripListHeader span {
    font-weight: bold;
    color: #5A8691;
}

#tripPlans .tripListHeader .tripCounter {
    color: #7D7D72;
}

#tripPlans .tripDetails {
  float: left;
  margin-top: 0px !important;
}

#tripPlans div.tripLink {
    color: #7D7D72;
}

#tripPlans span.tripItemCounter {
    color: #7D7D72;
    display: block;
    margin-bottom: 5px;
}

#tripPlans div.tripLink a {
    color: #7D7D72;
    font-size: 2.0em;
    margin-bottom: 5px;
}

#tripPlans ol {
    border-bottom: solid 1px #DFDEDB;
}

#tripPlans li {
    border-top: solid 1px #DFDEDB;
    padding: 14px 0px 14px 15px;
    line-height: 1.6em;
}

#tripPlans .tripListIcon {
    float: left;
    vertical-align: bottom;
    margin-right: 15px;
}

#tripPlans .tripDate {
    float: right;
    padding-right: 15px;
    font-size: 0.95em;
    line-height: 1em;
    width:90px
}

#tripPlans .tripDate p{
    font-size:12px;
    line-height:1.2em;
    margin-bottom:5px
}

.tripType{margin-top:10px; margin-top:10px;padding-left:25px; position:relative; left:0}


.tripType span{
    background:url(sprite-tripPlanner.gif) 0 0 no-repeat;
    display:block;
    height:20px;
    left:0;
    overflow:hidden;
    padding-left:20px;
    position:absolute;
    top:-4px;
}

* html .tripType span{left:-22px}

.tripType span.public{
   background-position:0 -22px;
 }
 
.tripType span.private{
   background-position:0 0;

}


#tripPlans a.linkChevron {
    font-size: 0.95em;
    background-position: 0 -694px;
}

#tripPlans a.tripDelete {
    margin-left: 16px;
}

.sink {
    clear: both;
}

.fatHR {
    border: solid #f3f2e8;
    border-width: 6px 0px 0px;
    margin-top: 5px;
}

.error {
    font-weight: bold;
    color: #C12105;
}

.hiddenData {
    display: none;
}

h2.ajaxFailure {
    font-size: 1.8em;
    margin-bottom: 20px;
}

/**** OVERRIDES FOR NON-STANDARD LP APPLICATION PAGE ****/
#applicationSpace {
    width: 100%;
    background: #222;
}

#applicationSpace #container #application {
    margin: 30px auto 0 auto;
    float: left;
}

/**** PAGE LAYOUT ****/
#tripPlannerHeader {
    float: left;
    width: 803px;
    height: 46px;
    background: #CC2D03;
    border-bottom: 7px solid #AC2507;
    color: #FFF;
    position: relative;
}

#tripPlannerFavourites {
    float: left;
    width: 155px;
    height: 553px;
    margin-right: 7px;
    background: #DEE7E9;
}

#tripPlannerFavourites .scrollable {
    height: 500px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

#tripPlannerTrip {
    float: left;
    position: relative;
    width: 324px;
    height: 500px;
    border-right: solid 1px #706C60;
    background: #FFF;
}

#tripPlannerTrip #tripHeader {
    height: 34px;
    line-height: 34px;
    border-bottom: solid 1px #706C60;
    background: #ECE5D5;
    font-weight: bold;
    padding-left: 5px;
}

#tripPlannerTrip #tripHeader a {
    float: right;
    margin-right: 5px;
    margin-top: 4px;
}

#tripPlannerTrip .scrollable {
    height: 464px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

#tripPlannerMap {
    float: left;
    position: relative;
    width: 478px;
    height: 500px;
    background: #E5E3DF;
    overflow: hidden;
}

/**** HEADER ****/
#tripPlannerHeader h1 {
    margin-left: 10px;
    line-height: 46px;
    font-size: 2.16em;
    font-weight: normal;
}

#tripPlannerHeader .ajaxLoading {
    position: absolute;
    top: 13px;
    right: 20px;
    padding-left: 30px;
    height: 30px;
    padding-top: 2px;
    font-weight: bold;
    font-size: 1.2em;
    background: url( 'ajax-loading-cadmium-bg.gif' ) no-repeat top left;
}

/**** MAP DETAILS OVERLAY ****/
.tripPlannerMapDetailsOverlay {
    position: absolute;
    left: 0px;
    top: 270px;
    width: 458px;
    height: 210px;
    overflow: hidden;
    display: none;
    background: #000;
    color: #FFF;
    padding: 10px;
    line-height: 1.2em;
}

.tripPlannerMapDetailsOverlay .contentDetails {
    margin-left: 114px;
}

.tripPlannerMapDetailsOverlay .ajaxLoading {
    height: 24px;
    line-height: 24px;
    padding-left: 30px;
    background: url( 'ajax-loading-dark-bg.gif' ) no-repeat top left;
}

.tripPlannerMapDetailsOverlay .closeButton {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 14px;
    height: 14px;
    background: transparent url( 'close-overlay-button.gif' ) no-repeat top left;
    cursor: pointer;
}

.tripPlannerMapDetailsOverlay h3 {
    font-weight: normal;
    font-size: 1.6em;
    margin-bottom: 0px;
}

.tripPlannerMapDetailsOverlay .destination {
    display: block;
    margin: 3px 0px 10px 0px;
    color: #AAA;
}

.tripPlannerMapDetailsOverlay .logistics {
    display: block;
    margin-bottom: 3px;
}

.tripPlannerMapDetailsOverlay .logistics em {
    font-weight: bold;
    font-style: normal;
}

.tripPlannerMapDetailsOverlay .summary {
    margin-top: 10px;
    line-height: 1.2em;
}

.tripPlannerMapDetailsOverlay .summary p {margin-bottom:14px}

.tripPlannerMapDetailsOverlay iframe {float:right}

.tripPlannerMapDetailsOverlay .summary.scrollable {
  overflow-x: hidden;
  overflow-y: auto;
  height: 175px;
}

.tripPlannerMapDetailsOverlay .links {
   position: absolute;
   top: 64px;
   left: 10px;
   width: 102px;
}

.tripPlannerMapDetailsOverlay .links a {
   color: #FFF;
   background: url(sprite-misc.gif) 0 -697px no-repeat;/*small > */
   padding-left: 8px;
   margin-top: 5px;
   float: left;
   margin-right: 10px;
}

.tripPlannerMapDetailsOverlay a.read, .tripPlannerMapDetailsOverlay a.read:hover, .tripPlannerMapDetailsOverlay a.focus, .tripPlannerMapDetailsOverlay a.read:active  {
  color:#fff!important
}


.contentDragHandle {
	position: absolute;
	top: 14px;
	left: 10px;	
}

.contentDragHandle li.highlight {
    cursor: move;
}

.contentDragHandle li div.label {
	width: 102px;
	height: 22px;
	background: url(tripPlanner-dragHandle.png) no-repeat;
    cursor: move;
}


/**** MISSING DATA OVERLAY ****/
.tripPlannerMissingDataOverlay {
  position: absolute;
  left: 80px;
  top: 90px;
  width: 220px;
  display: none;
  background: #FFF;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
  padding: 30px;
  opacity: 0.9;
  filter:alpha(opacity=90);
}


/**** FAVOURITES ****/
#tripPlannerFavouritesHeader {
    height: 46px;
    line-height: 46px;
    font-weight: normal;
    background-color: #333;
    border-bottom: 7px solid #222;
    color: white;
    position: relative;
}

#tripPlannerFavouritesHeader h3 {
    margin-left: 10px;
    font-size: 1.1em;
    font-weight: bold;
    color: #DFDEDB;
}

#tripPlannerFavourites .emptyMessage {
    height: 310px;
    margin: 10px;
    padding: 165px 10px 0px 10px;;
    text-align: center;
    border: dashed 2px #AAA;
    line-height: 19px;
}

#tripPlannerFavourites .emptyMessage a {
    color: #044388;
    font-weight: bold;
}

#tripPlannerFavourites li span.name {
    margin-left: 7px;
}

#tripPlannerFavourites li, .ui-draggable-dragging {
    list-style: none;
    width: 160px;
    padding: 2px 7px;
}

#tripPlannerFavourites li *, .ui-draggable-dragging * {
    vertical-align: middle;
}

#tripPlannerFavourites li.highlight, .ui-draggable-dragging {
    background: #0185CA;
    color: #FFF;
    cursor: move;
}

/**** TRIP ****/
#tripPlannerTrip ol {
    margin: 7px;
    min-height: 450px;
    /*
      IE6 doesn't understand min-height, but conveniently stretches the list out within its scrollable
      container in much the same way as FF handles a min-height list. Unfortunately, FF will *not* stretch
      a fixed height list so we must override the fixed height with the !important statement.
    */
    height: auto !important;
    height: 450px;
}

#tripPlannerTrip li {
    padding: 2px 7px;
    border-bottom: solid 1px #DFDEDB;
    cursor: move;
}

#tripPlannerTrip li span.name {
    margin-left: 7px;
    cursor: pointer;
}

#tripPlannerTrip li.NOTE {
    font-style: italic;
}

#tripPlannerTrip li.NOTE img {
    margin-left: 7px;
}

#tripPlannerTrip li * {
    vertical-align: middle;
}

#tripPlannerTrip li .lineControls {
    float: right;
}

#tripPlannerTrip li .lineControls a {
    float: left;
    width: 0px;
    padding-left: 14px;
    height: 14px;
    overflow: hidden;
    margin-top: 2px;
    margin-right: 3px;
}

#tripPlannerTrip li.highlight {
    background: #0185CA;
    color: #FFF;
}

#tripPlannerTrip li.highlight .lineControls a.noteTripItemEdit {
    background: url(  iconFunction_Edit-offBlue.gif ) no-repeat;
}

#tripPlannerTrip li.highlight .lineControls a.noteTripItemEdit:hover {
    background: url(  iconFunction_Edit-onBlue.gif ) no-repeat;
}

#tripPlannerTrip li.highlight .lineControls a.tripItemRemove {
    background: url( iconFunction_Delete-offBlue.gif ) no-repeat;
}

#tripPlannerTrip li.highlight .lineControls a.tripItemRemove:hover {
    background: url( iconFunction_Delete-onBlue.gif ) no-repeat;
}


#tripPlannerTrip li.dropTarget {
    border: dashed 2px #AAA;
    height: 1.4em;
    margin-top: -1px;
    background: #FFF;
}

#tripPlannerTrip li.ui-sortable-helper {
    width: 290px;
}

#tripPlannerTrip .emptyMessage {
    position: absolute;
    top: 35px;
    left: 0px;
    width: 100%;
    background: #FFF;
}

#tripPlannerTrip .emptyMessage p {
    height: 259px;
    margin: 10px;
    padding: 180px 10px 0px 10px;
    text-align: center;
    border: dashed 2px #AAA;
    line-height: 1.4em;
}

#tripPlannerTrip.highlight .emptyMessage p {
    border-color: #CC2D03;
    color: #AC2507;
}

#tripPlannerTrip .emptyMessage em {
    font-style: normal;
    font-weight: bold;
}

/**** THICKBOX OVERRIDES ****/
.tripPlannerBody #TB_window {
    border-color: #333;
    color: #EEE;
    padding-left: 0px;
}

.tripPlannerBody #TB_title {
    height: auto;
}

.tripPlannerBody #TB_window #TB_ajaxWindowTitle {
    background: #222;
    float: none;
    clear: both;
    padding: 15px;
    font-size: 1.5em;
    font-weight: bold;
    color: #DFDEDB;
    border-bottom: solid 2px #444;
}

.tripPlannerBody #TB_window button {
    color: #FFF;
    font-weight: normal;
    font-size: 1em;
    line-height: 1em;
    background: url(sprite-misc.gif) 0 -696px no-repeat; /*small > */
    padding: 0px 0px 0px 8px !important;
    padding-top: 3px;
    margin-right: 16px;
}

.tripPlannerBody #TB_closeAjaxWindow {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0px;
    width: 14px;
    height: 14px;
}

.tripPlannerBody #TB_closeAjaxWindow a, .tripPlannerBody #TB_closeAjaxWindow a:hover, .tripPlannerBody #TB_closeAjaxWindow a:active, .tripPlannerBody #TB_closeAjaxWindow a:focus {
    display: block;
    width: 0px;
    padding-left: 14px;
    height: 14px;
    overflow: hidden;
    background: transparent url( 'close-overlay-button.gif' ) no-repeat left;
}

.tripPlannerBody #TB_ajaxContent {
    margin: 15px;
    padding: 0px;
}

.tripPlannerBody #TB_ajaxContent table {
    width: 100%;
}

.tripPlannerBody #TB_ajaxContent .buttons td {
    padding-top: 20px;
    background: transparent url( 'thickbox-form-divider.gif' ) repeat-x top left;
}

.tripPlannerBody #TB_ajaxContent input, .tripPlannerBody #TB_ajaxContent textarea {
    border: solid 1px #444;
    background: #EEE;
    padding: 3px 5px;
    font-size: 1em;
    font-family: arial, verdana, sans-serif;
    margin-bottom: 10px;
    font-size: 1.2em;
    color: #333;
    width: 348px;
}

.tripPlannerBody #TB_ajaxContent textarea {
    margin-bottom: 0px;
    height: 6em;
}

.tripPlannerBody #TB_ajaxContent .remaining {
   color: #EEE; 
}

.tripPlannerBody #TB_ajaxContent .errorMessage {
    color: #F60;
    font-weight: bold;
    background: none;
    padding: 0px;
}


#tripPlannerCreateTripDialogue input#tripPlannerCreateTripForm_publiclyAccessibletrue, 
#tripPlannerEditTripDialogue input#tripPlannerEditTripForm_publiclyAccessibletrue, 
#tripPlannerCreateTripDialogue input#tripPlannerCreateTripForm_publiclyAccessiblefalse,
#tripPlannerEditTripDialogue input#tripPlannerEditTripForm_publiclyAccessiblefalse{width:14px!important; margin:5px 3px 5px 0; background:#000; border:none}
#tripPlannerCreateTripDialogue input#tripPlannerCreateTripForm_publiclyAccessiblefalse,
#tripPlannerEditTripDialogue input#tripPlannerEditTripForm_publiclyAccessiblefalse{margin-left:20px}

/**** EMBEDDED TRIP PLANNER ****/
body#tripPlannerBody-embedded{background:none}
body#tripPlannerBody-embedded #applicationSpace #container #application, body#tripPlannerBody-embedded #applicationSpace #container{margin:0}

/**** LEFT SIDEBAR ****/
#sidebar p {
	float: left; 
	width: 132px; 
	background: url(sprite-misc.gif) -592px -756px no-repeat; /*small < */
	padding: 0 0 21px 13px; 
	margin-bottom: 22px;
	font-size:0.9em
}

/**** BREADCRUMBS ****/
#breadcrumbWrap.posChange {padding-top:7px;}
.tripPlannerBody #breadcrumbWrap li {background-position: 100% -539px}
#breadcrumb a {
  white-space: nowrap;
  overflow: visible;
}