/**
 * Styles for entities used on seasearcher pages
 */
#entity-page-info, .entity-header {
    clear:both;
    display:block;
    width:100%;
    position:relative;
}

#entity-page-info h2, .entity-header h2 {
    width: 926px;
    height: 25px;
    font-size: 12px;
    color: #666;
    margin: 0;
    padding: 10px 0 0 10px;
    background:#D8E8F8 url(../images/reskin/panelFullWidthMask.gif) no-repeat scroll left top;
}

#entity-page-info p, .entity-header p {
    background:#d4dee7;
    height:25px;
    padding:10px 0 0 10px;
    margin:0;
    border:1px solid #ccc;
    border-width:0 1px;
}

.entity-nav {
background:transparent url(../images/wbg.gif) repeat-x scroll 0 -1px;
border-bottom:1px solid #CCCCCC;
clear:left;
float:left;
margin:0 0 20px;
padding-left:4px;
width:932px;
}


.entity-nav li {
    display: block;
    float: left;
    height: 29px;
    margin: 0 3px 0 0
}

.entity-nav a {
color:#666666;
display:block;
float:left;
font-size:0.9em;
height:auto;
line-height:12px;
margin:4px 5px 4px 1px;
padding:4px;
}

.entity-nav a:hover {
    color: #0b3970;
    text-decoration: none;
background:#F9F9F9 none repeat scroll 0 0;
border:1px solid #CCCCCC;
    padding:3px;
}

*html .entity-nav a:hover {
background:#F9F9F9 none repeat scroll 0 0;
border:1px solid #CCCCCC;
       padding:3px;
}


.entity-nav li.on a {
    color: #0b3970;
background:#F9F9F9 none repeat scroll 0 0;
border:1px solid #CCCCCC;
       padding:3px;
}

*html .entity-nav li.on a:hover {
    background-position: right bottom
}

/**
 * Entity details
 */
.entity-details {
    clear: left;
    /*background: url( "../images/bg-entity-details1.png" ) left top no-repeat #fff;*/
    background:#FFF;
    border:1px solid #ccc;
    border-width:0 1px;
    float: left;
    padding: 10px 0 0;
    width: 934px;
    position: relative;
    margin: 0;
}

.entity-details ul {
    margin: 0;
    list-style: none
}

.entity-details-footer {
    clear: left;
    background: url( "../images/bg-entity-details1.png" ) left bottom no-repeat;
    height: 10px;
    width: 936px;
    margin: 0 0 18px 0;
}

.entity-details dl.section {
    width: 447px;
    float: left;
    padding: 0 10px;
    margin: 0
}

.three-cols {
    background: url(../images/reskin/threeColsBg.gif) repeat-y top left;
}

.three-cols dl.section {
    width: 291px;
    float: left;
    padding: 0 10px
}

/**html .three-cols dl.section {
    width: 310px;
    float: left;
    padding: 0;
}*/

/**html .entity-details dl.section {
    width: 467px
}

*html .three-cols dl.section {
    width: 311px
}*/

.entity-details dt {
    background: url( '../images/ico_tag-vsmall.png' ) left 7px no-repeat;
    clear: left;
    display: block;
    float: left;
    font-weight: 700;
    line-height: 18px;
    padding: 0 0 10px 10px;
    width: 90px
}

.entity-details dd {
    color: #111;
    float: left;
    line-height: 18px;
    margin: 0 0 10px;
    width: 347px
}

.three-cols dd {
    width: 191px
}

*html .entity-details dd {
    width: 357px
}

*html .three-cols dd {
    width: 201px
}

.entity-details dd.last {
    margin: 0
}

dl.section dl {
    float: left;
    width: 100%
}

dl.section dl dt {
    background: none;
    padding: 0 0 10px 0;
    width: 160px
}

*html dl.section dl dt {
    width: 170px
}

dl.section dl dd {
    width: 187px
}

.section-divider {
    background: url( "../images/bg-entity-details-section.png" ) repeat-y right top;
    height: 100%;
    height: 140px;
    float: left;
    display: block;
    width: 2px;
    position: absolute;
    top: 0;
    left: 50%
}

.first-divider {
    left: 33.3%
}

.second-divider {
    left: 66.6%
}

.entity-details a, .e-table a, .entity-tabs a {
    color: #001199;
    font-weight: 400
}

/**
* Entity tabs
*/
.entity-tabs {
    float: left;
    width: 934px;
    border:1px solid #ccc;
    border-width:0 1px;
    margin:0
}

.e-table .entity-tabs{
    border:none;
}

.entity-tabs dl, .entity-tabs dt, .entity-tabs dd, .entity-tabs p {
    margin: 0;
    padding: 0
}

dl.entity-tabs-group {
    border-top: 1px solid #ccc;
    float: left;
    width: 100%;
    background: #fff;
    margin-left:0
}

dt.e-tab-nav, dt.e-tab {
    clear: left;
    font-weight: 700;
    line-height: 18px;
    font-size: 11px;
    border-top: 1px solid #fff;
    width: 100%;
    background:transparent url(../images/wbg.gif) repeat-x scroll 0 -1px
}

dt.e-tab-nav a, dt.e-tab a {
    background: url( "../images/reskin/bg-entity-tabs-nav.png" ) 10px 5px no-repeat #e3e3e3;
    padding: 6px 10px 2px 30px;
    height: 22px;
    display: block;
    color: #111;
    font-weight:bold
}

dt.e-tab-nav a.collapsed {
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    background-position: 10px -75px
}

dt.e-tab-nav a:hover {
    background-color: #eee;
    text-decoration: none;
    color: #00c
}

dt.e-tab-nav a.collapsed:hover {
    background-color: #fff
}

dd.e-tab-content {
    border-bottom: 1px solid #ccc;
    line-height: 18px;
    padding: 0;
    float: left;
    display: block;
    width: 100%
}

dd.e-tab-content table {
    width: 100%
}

dd.e-tab-content ul {
    margin: 0 0 0 20px
}

.e-table dd.e-tab-content {
    width: 934px
}

dd.e-tab-details {
    padding: 10px;
    width: 916px
}

*html dd.e-tab-details {
    width: 936px !important
}

.entity-tabs .description {
    font-size: 10px;
    font-weight: 400
}

.entity-tabs-nav {
    background:#fff;
    text-align: right;
    width: 924px;
    margin:0;
    padding:10px 5px 5px;
    float: left;
    border-top:1px solid #ccc;
}

.entity-tabs-nav.no-top-border {
    border-top: 0;
}

.entity-tabs-nav-bottom{
    border-top:none;
    border-bottom:1px solid #ccc;
}

.entity-tabs-nav li {
    display: inline;
    margin: 0 0 0 10px
}

.entity-tabs-nav li a {
    background: url( "../images/bg-entity-tabs-nav.png" ) left top no-repeat;
    padding: 3px 0 2px 20px
}

.entity-tabs-nav .expand a {
    background-position: 0 -20px
}

.entity-tabs-nav .top a {
    background-position: 0 -40px
}

th.dt {
    background: #eee;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-size: 11px;
    font-weight: 700;
    padding: 10px;
    text-align: left;
    vertical-align: top;
    width: 120px
}

td.dd {
    border-top: 1px solid #ccc;
    padding: 10px;
    width: 775px;
}

dl.e-tab-info {
    float: left;
    width: 100%
}

.e-tab-info dt {
    clear: left;
    float: left;
    line-height: 18px;
    padding: 0 0 5px;
    width: 150px
}

.e-tab-info dd {
    border-left: 1px solid #ccc;
    float: left;
    line-height: 18px;
    padding: 0 5px 5px;
    width: 780px
}

.e-table .e-tab-info dt {
    padding: 5px 5px 5px 10px
}

.e-table .e-tab-info dd {
    padding: 5px;
    width: 758px
}

table .e-tab-info dd {
    width: 612px
}

.e-tab-info dt.odd, .e-tab-info dd.odd {
    background: #f7f7f7
}

td.dd table {
    border-collapse: collapse;
}

td.dd table th {
    background: #EEEEEE;
    border: 1px solid #DDDDDD;
    font-weight: 400;
    padding: 2px 5px
}

td.dd table td {
    border: 1px solid #DDDDDD;
    font-size: 12px;
    padding: 2px 5px
}

dd.e-tab-content .flat-list {
    margin: 0
}

.flat-list li {
    display: inline;
    padding: 0 10px 0 0
}

.no-data {
    background: url( "../images/ico_no-results-small.png" ) no-repeat 10px center;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 40px
}

/**
 * Specific styles vcard etc...
 */
h4.org {
    color: #019;
    font-size: 12px;
    font-weight: 700;
    margin: 0
}

.locality {
    display: block
}

.street-address span {
    display: block
}

#offices .company-contact-details {
float:left;
margin:5px 5px 0 0;
width:450px;
height:220px;
border:1px solid #ccc;
}

#offices .vcard {
    float: left;
    margin: 5px 5px 0;
/*    width: 212px;*/
    width:49%;
}

.personnel-list {
    float: left;
    margin: 5px 5px 0 0;
    width:47%;
    height:89%;
    line-height:15px;
    overflow-y:auto;
}

br.spacer {
    line-height:6px;
}
                                 
span.flag {
    background: no-repeat left;
    padding: 0 0 0 20px
}

/* new entity styling */

    div#fullWidth {
        padding: 0;
        margin: 0;
    }

div#fullWidth h1.entityTitle {
        margin: 0;
        font-size: 20px;
        background-position: 5px center;
        background-repeat: no-repeat;
        background-color:#fff;
        padding: 8px 0 4px 45px;
        height: 30px;
        color: #666;
        border:1px solid #cbcbcb
    }

div#company-overview h1.entityTitle {
        margin: 0;
        font-size: 20px;
        background-position: 5px center;
        background-repeat: no-repeat;
        background-color:#fff;
        padding: 8px 0 4px 45px;
        height: 30px;
        color: #666;
        border:1px solid #cbcbcb
    }


div.entityDetails h3.article {
    float: left;
    width: 750px;
    border-right: 1px solid #ccc;
    margin: 0 0 0 10px;
    padding: 0 0 0 5px;
}

div.entityDetails p.dateAndPub {
    float: left;
    width: 150px;
    padding: 0 0 0 5px;
}

div.entityDetails {
    clear: left;
    float: left;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    background: #fff url( ../images/reskin/entityDetails.gif ) repeat-x top left;
    width: 934px;
    min-height: 60px;
}

div.entityDetailsHeader {
    clear: left;
    float: left;
    height: 10px;
    line-height: 10px;
    padding: 0;
    margin: 18px 0 0 0;
    background: url( ../images/reskin/entityHeader.gif ) no-repeat top left;
    width: 936px;
}

div.entityDetailsFooter {
    clear: left;
    float: left;
    height: 10px;
    line-height: 10px;
    padding: 0 0 18px 0;
    margin: 0;
    background: url( ../images/reskin/entityFooter.gif ) no-repeat top left;
    width: 936px;
}

div#riskKey {
    float: right;
    width: 170px;
    margin: 10px 18px 0 0;
}

#overall {
    margin-bottom: 10px;
    padding: 10px;
    color: black !important;
    border: 1px solid black;
    text-align: center;
}

div#riskButtons {
    float: left;
}

a.excel {
    display: block;
    background: url( ../images/reskin/icoExcelSmall.gif ) no-repeat 3px 0;
    padding: 0 0 0 23px;
    height: 18px;
    margin: 5px 0 0 0;
}

div.key {
    border: 1px solid #ccc;
    background: url( ../images/reskin/riskKey_mask.gif ) no-repeat left top;
    width: 138px;
    height: 21px;
    padding: 6px 0 0 30px;
    margin-bottom: 2px;
}

#risk_table {
    width: 700px;
    float: left;
    background: #fff;
    border: 1px solid #dedede;
    margin: 8px 0 8px 18px;
}

#vessel_sec-risk #risk_table {
    width: 100%;
    float: left;
}

#risk_table td {
    padding: 4px;
    border-top: 1px solid #eee;
    color: black;
}

#risk_table tr.overall td {
    color: black;
    font-weight: bold;
    border-color: black;
    padding: 10px;
    font-size: 150%;
}

#risk_table .riskbar {
    width: 400px;
    padding: 3px 0;
    border-left: 1px solid #ddd; /*border-right: 1px solid #ddd;*/
}

#risk_table .bar {
    background: #FF0000 url( ../images/reskin/barchartEnd1.gif ) center right no-repeat;
    color: #333;
    height: 18px;
    padding: 0;
}

#vessel_sec-risk #risk_table .bar {
    background: #f00 url( ../images/reskin/barchartEnd1.gif ) center right no-repeat;
    color: #333;
    height: 18px;
    padding: 0;
}

#risk_table .bar span {
    padding: 0 0 0 5px;
    color: #000;
    font-size: 11px;
    font-weight: 700;
}

#risk_table tr.overall  .bar {
    background: none;
    border: 0;
}

#risk_table .number {
    text-align: right;
    padding-right: 5px;
    border-left: 1px solid #eee;
}

#ais_image img{
    width:310px;
}

.entity-page-info-nav{
    position:absolute;
    top:8px;
    right:10px;
    list-style:none;
    line-height:18px;
    padding:0;
    margin:0;
}

.entity-page-info-nav li{
    display:inline
}