﻿/* oat modal structure */
#modal-content, #modal-content-smaller, #modal-content-message { display: none; }

#modal-overlay, #modal-overlay-smaller, #modal-overlay-message { background: #000; }

#modal-container { width:740px; height: 374px; background: url(/images/oat/structure/modal-bg.png); }

#modal-container-trip { width:695px; background: url(/images/structure/modal-top.png) no-repeat top center; height:100%;}

#modal-container-smaller { width:516px; height: 384px; background: url(/images/oat/structure/modal-bg-smaller.png); }

#modal-container-message { width:516px; height: 178px; background: url(/images/oat/structure/modal-bg-message.png); }

#modal-container #modal-container-inner { width: 680px; height: 284px; padding: 60px 30px 30px; }

#modal-container-trip #modal-container-inner {margin-top:64px; width:675px;}

#modal-container-trip #modal-container-inner #modal-container-content{padding:10px 20px 0px 50px; background:url(/images/structure/modal-repeat-bg.png) repeat-y 0 0;
overflow:hidden;}

#modal-container-smaller  #modal-container-inner {padding: 70px 30px 30px; width:447px;}

#modal-container-message  #modal-container-inner {padding: 60px 30px 30px; width:447px;}

.close { position: absolute; top:25px; right: 25px; width: 56px; height: 19px; background: url(/images/oat/structure/modal-close.png); }

#modal-container-trip .close{right:40px;}

.close .simplemodal-close { position: absolute; top: 0; left: 0; width: 56px; height: 19px; text-indent: -99999px; }


/* modal content */

#modal-container-inner #modal-scrollable { width:100%; height:100%; overflow-y:auto; }
#modal-container-inner #modal-scrollable p { width:auto; }
#modal-container-inner #modal-scrollable ul { list-style:disc; padding:10px 10px 10px 30px; }

#modal-container-inner .trip-details-photo { float: left; width: 130px; height: 80px; }
#modal-container-inner .trip-details-text {  position: relative; float: right; width: 360px; height: 284px; }
#modal-container-trip #modal-container-inner .trip-details-text {  position: relative; float: right; width: 450px;}

#modal-container-inner .trip-details-top { height: 57px; margin-bottom: 20px; }
#modal-container-inner .trip-details-top img.logo { float: left; padding-right: 12px;}
#modal-container-inner .trip-details-top .trip-type { float: left; height: 57px; padding-left: 11px; border-left: 1px solid #dfdfcb; line-height: 23px; color: #7e0200; font-size: 87.5%; font-family: Georgia, Times, serif; }
#modal-container-inner .trip-details-name { font-size: 125%; color: #674d2e; padding: 0; }

#modal-container-inner p { margin: 14px 0; width: 313px; line-height: 1.3; font-family: Verdana, Arial, sans-serif; }
#modal-container-trip #modal-container-inner p { margin: 14px 0; width: 440px; line-height: 1.3; font-family: Verdana, Arial, sans-serif; }
#modal-container-inner p.places-visited { margin: 25px 0 0; }
#modal-container-inner.message p{ margin-left: 20px; }

#modal-container-inner p .inline-desc { font-size: 116%; font-family: Georgia, Times, serif; color: #674d2e; }

#modal-container-inner .go-link-container { position: absolute; bottom: 15px; left: 0px; width: 360px; height: 23px; }
#modal-container-inner .go-link-container a img { display: block; margin: 0 auto; }

#modal-container #modal-container-inner.send-to-friend{width:450px; margin:15px auto; height:200px;}

.thejloupe {
z-index:10001;
}
