/* RDC - This stylesheet is only used on the homepage of LLI due to the different layout requirements as
compared to the rest of the site */

div.tankersPanel,
div.gasPanel,
div.insurancePanel,
div.lawPanel,
div.dryBulkPanel {
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #fff;
}

a.nPanel div.tankersPanel {
    background-image: url( ../../../images/reskin/tankersPanelImg.jpg );
}

a.nPanel div.gasPanel {
    background-image: url( ../../../images/reskin/gasPanelImg.jpg );
}

a.nPanel div.insurancePanel {
    background-image: url( ../../../images/reskin/insurancePanelImg.jpg );
}

a.nPanel div.lawPanel {
    background-image: url( ../../../images/reskin/lawPanelImg.jpg );
}

a.nPanel div.dryBulkPanel {
    background-image: url( ../../../images/reskin/dryBulkPanelImg.jpg );
}

div#content {
    padding: 0 18px;
}

div#mainPanel {
    float: left;
    width: 618px;
    text-align: left;
    margin: 0;
}

div#rightPanel {
    width: 300px;
    float: right;
    margin: 0 0 0 18px;
}

div#lliHomeMast {
    width: 936px;
    height: 190px;
    background: url(../../../images/reskin/homeMast.jpg) no-repeat top left;
    margin: 0 0 18px 0;
}

div.hMtext {
    background: url(../../../images/reskin/homeMastTranslucent.jpg) no-repeat top left;
    width: 300px;
    height: 190px;
}

h3.homeMast {
    margin: 0;
    padding:10px;
    color: #fff;
}

p.homeMast {
    margin: 0;
    padding: 0 10px 10px 10px;
    color: #fff;
}

a.nPanel {
    float: left;
    width: 173px;
    padding: 0 0 9px 0;
    margin: 0 18px 18px 0;
    display: block;
    background: url(../../../images/reskin/panelBottomShallowNarrow.gif) no-repeat left bottom;
    cursor: pointer;
}

a.nPanel:hover {
    text-decoration: none;
}

a.nPanel.adjusted {
    width: 172px;
    margin: 0 0 18px 0;
/*    padding: 0 0 9px 0;
    background: url(../../../images/reskin/panelBottomShallowNarrow.gif) no-repeat left bottom;
    height: 200px;*/
}

div.nPanelBody {
    border: 1px solid #ccc;
    border-top: 0;
    border-bottom: 0;
    min-height: 105px;
    padding: 100px 5px 0;
}

div.nPanelBody p {
    font-size: 12px;
    margin: 0;
    padding: 0;
    width: 163px;
    color: #333;
}

div.shallowBottomNarrow {
background: url(../../../images/reskin/panelBottomShallowNarrow.gif) no-repeat left bottom;
padding: 0 0 9px 0;
}

a.nPanel.adjusted.shallowBottomNarrow {
background: url(../../../images/reskin/panelBottomShallowNarrowAdj.gif) no-repeat left bottom;
padding: 0 0 9px 0;
}

a.nPanel h2.blue {
background: #368ed8 url(../../../images/reskin/narrowPanelMask.gif) no-repeat top left;
color: #fff;
}

a.nPanel.adjusted h2.blue {
background: #368ed8 url(../../../images/reskin/narrowPanelMaskAdjusted.gif) no-repeat top left;
color: #fff;
}

a.nPanel h2.narrowPanelTop {
width: 163px;
height: 25px;
font-size: 12px;
margin: 0;
padding: 10px 0 0 10px;
}

/* 'adjusted' corrects for the uneven number of pixels across the page */
a.nPanel.adjusted h2.narrowPanelTop {
    width: 162px;
}

a.panelBottomNarrow {
display: block;
text-align: left;
clear: both;
height: 26px;
padding: 10px 0 0 10px;
background: url(../../../images/reskin/panelBottomNarrow.gif) no-repeat top left;
}

/* 'adjusted' corrects for the uneven number of pixels across the page */
a.panelBottomNarrow.adjusted {
    background: url(../../../images/reskin/panelBottomNarrowAdjusted.gif) no-repeat top left;
}

div.sSearcher {
    padding: 0 0 0 40px;
    background: #fff;
    width: 258px;
}

div.sSearcher.sSvessels {
    background: #fff url(../../../images/reskin/vessels.gif) no-repeat 4px 0;
}

div.sSearcher.sScompanies {
    background: #fff url(../../../images/reskin/companies.gif) no-repeat 4px 0;
}

div.sSearcher.sSplaces {
    background: #fff url(../../../images/reskin/places2.gif) no-repeat 4px 0;
}

div.sSearcher h3 {
    margin: 0;
    padding: 5px 0 0;
    font-size: 12px;
    color: #696969;
}

div.sSearcher p {
    padding: 0 10px 10px 0;
    margin: 0;
    font-size: 12px;
    color: #696969;
}

div.panelBody.sea {
    padding: 0;
}

div.searchPanelBottomSea {
    display: block;
    clear: both;
    height: 26px;
    padding: 7px 0 3px 5px;
    background: url(../../../images/reskin/panelBottomSeaSearcher.gif) no-repeat top left;
}

div.searchPanel {
    padding: 5px 0 6px 4px;
    background: #8abbe6;
}

div.searchPanel .inputText {
    float: left;
    width: 238px;
    margin: 0 10px 0 0;
}

input.searchPanel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background: #F68412;
    color: #fff;
    border: 0;
    height: 20px;
    padding: 0 5px 3px 5px;
    margin: 0;
    float: left;
}

a.aisVesselTrackingLink {
    font-weight: bold;
    padding: 0 20px 0 0;
    background: url(../../../images/reskin/aisVesselTrackingLink.gif) no-repeat right top;
}