/* 
    Document   : offer_bottom
    Created on : 21-Feb-2012, 15:01:52
    Author     : BarnabasN
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    /*    display: block;*/
}

#offer_bottom {
    width: 958px;
    padding-bottom: 1em;
}

#bottom_bottom , #bottom_top{
    width:100%;
}
#bottom_top .holder {
    padding: 0px 6px 2px;
    width:32%;
    text-align:center;
}
#bottom_bottom .holder {
    padding: 0px 6px 2px;
    width:32.2%;
    text-align:center;
    /*    border-right: 1px green dotted;*/
}

#bottom_bottom .holder{

    padding: 0px 5px 2px;
}

#offer_bottom_middle{
}

.ffright{
    float:right;
}


.ffleft{
    float:left;
}

.ffclear{
    clear:both;
}

.columnName{
    display: none;
}

#bottom_top img{
    padding-right:10px;
    cursor:pointer;
}

#bottom_top{
    background: #F7F7F7;
}

th{
    height:25px;
}

#passenger_options_summary{
    /*    background-color:#C0E7F5;*/
}
#offer_top_left span a, #offer_top_middle span a, #offer_top_right span a{
    text-decoration: none;
    color: inherit;
}
div.wide_content_bannerss #bottom_top #offer_top_left span,  #offer_top_middle span,  #offer_top_right span {
    margin-left: -4px;
    font-size: 13px;
    padding: 3px 3px 3px 3px;
    background: #EEEEEE;
    border: 1px solid #CCC;
    border-radius: 15px 15px 0px 0px;
    cursor: pointer;
}
#viewItinerary {height:600px;font-size: 12pt;margin-bottom:100px}
.panelOptions{width:230px;float:left;background-color:#E5E5E5;height:100%}
.panelTitle{background-color:#808080;color:white;padding:5px;}
.panelBody{padding:5px}
.extraOptions{display:none}
.panelData{}
.extraOptions ul, .extraOptions li {list-style: none;margin:0;padding:4px 0}
.extraOptions li span.rightArrow {
    float: right;
    width: 26px;
    height: 26px;
}
#google_map_canvas {
    height: 600px !important;
}
.extraOptions li.select{cursor: pointer}
.extraOptions li.selected span.rightArrow{background:url(/images/social/sprites-thumbs.png) -243px -362px no-repeat}
.panelData .Description,.panelData .Attractions,.panelData .PortGuides {
    border: 1px solid #CCC;
    border-bottom:0px;
    padding: 30px;
    overflow-y: scroll;
    position: relative;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}
.panelData .SearchForMore {
    border: 1px solid #ccc;
    background-color:white;
    padding: 0px;
    position: relative;
    height: 30px;
    overflow-y: hidden;
    box-sizing: border-box;
}
.SearchForMore .text{
    padding: 5px;
    font-size: 9pt;
    width: 50%;
    text-align: right;
    float:left;
}
.SearchForMore .wikipedia, .SearchForMore .googleImages {
    display: block;
    font-size: 9pt;
    width: 23%;
    text-align: right;
    float:left;
}
.wikipedia .logo {
    background: url(/images/social/Wiki.png) 0 0 no-repeat;
    width: 28px;
    height: 26px;
    display: block;
    float: right;
    position: relative;
    top: -3px;
}
.wikipedia {
    top: 5px;
    position: relative;
}
.googleImages .logo {
    background: url(/images/social/googleimages.png) 0 0 no-repeat;
    width: 72px;
    height: 26px;
    display: block;
}
.SearchForMore .googleImages a {
    float: right;
}
.attractionTitle.bold {
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC;
}
#itineraryPorts {
    width: 100%;
    margin-bottom:10px
}
.SearchForMore {
    font-weight: bold;
}

.Attractions .button {
    margin-top: 30px;
    text-align: right;
}