body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#333;
height:100%;
background:url('/images/bodybackground.png') #DEDEEE repeat-y center top;
}
#innerbody
{
background:white;
width:1024px;
margin-left:auto;
margin-right:auto;
}
#wrap 
{
	min-width:700px;
  margin-right:auto;
  margin-left:auto;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */
.hide {
    display: none;
}

a img {
    border: none;
}

a,
a:link,
a:visited {
    color: #03c;
    text-decoration: none;
}

a:focus,
a:hover,
a:active {
    color: #03c;
    text-decoration: underline;
}

hr {
    border: 0;
    background-color: #BCF;
    color: #BCF;
    height: 2px;
    margin: 0 10px 0 10px;
}

/*=======================*/
/* CONTENT HEADING STYLES */
/*=======================*/
h1, h2, h3, h4, h5, h6 {
    line-height: normal;
    color: #0033CC;
    margin-top: 0;
    margin-bottom: 0.20em
}

h1 {
    margin: 0;
    font-size: 2.1em;
    clear: none;
}

h2 {
    font-size: 2.1em;
    font-weight: normal;
    color: #03c !important;
    border-bottom: 1px solid #03c;
    line-height: 1.6em;

}
h3 {font-size:1.9em;}
h4 {font-size:1.7em;}
h5 {font-size:1.5em;}
h6 {font-size:1.2em;}

h3 {
    font-size: 1.9em;
}

h4 {
    font-size: 1.7em;
}

h5 {
    font-size: 1.5em;
}

h6 {
    font-size: 1.3em;
}

/*=======================*/
/* CONTENT LIST STYLES */
/*=======================*/
ol {list-style:decimal;}
ul {margin:0;list-style-type:none; }
ul li {background:url(/images/bullet_blue.gif) no-repeat left top;padding-left:20px;}
p {margin: 0;padding: 0;line-height: normal;margin-bottom:1em}
/*=======================*/
/* CONTENT TABLE STYLES */
/*=======================*/
td {
    background: none;
    text-align: left;
}

tr {
    padding-bottom: .5em;
}

td ul li {
    padding-left: 0;
    background: none;
}

.ica-table td ul li {
    padding-left: 1.5em;
    padding-bottom: 0.5em;
    background: url(/images/bullet_blue.gif) no-repeat left top;
}

.ica-table {
    padding: 1em;
    margin: 1em;
}

td table {
/*width:100%!important;*/
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-collapse: collapse;
    background: none;
}

td table td {
    border-bottom: 0;
}

/*=======================*/
/* CONTENT FORM STYLES */
/*=======================*/
input, textarea {
    font-size: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

label {
    margin: 0;
    padding: 0;
    font-style: normal;
}

INPUT[type="text"], INPUT[type="password"], select, textarea {
    width: 15em;
    padding: .25em;
    border: 1px solid #BBCCFF;
    padding: 2px;
}

.profile-panel INPUT[type="text"] {
    margin-top: 0.5em;
    width: auto !important;
}

INPUT[type="button"],
INPUT[type="submit"] {
    background: #09105A url(/images/btn-signin.gif) repeat-x left top;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    border-top: 1px solid #5473C8;
    border-right: 1px solid #0A1D84;
    border-bottom: 1px solid #01054E;
    border-left: 1px solid #0A1D84;
    margin-right: 10px;
    margin-top: .5em !important;
}

.vesseldetails {
    margin-right: 0 !important;
}

.blueTable INPUT[type="checkbox"] {
    float: none !important;
    margin-right: 0;
}

INPUT[type="checkbox"], INPUT[type="radio"] {
    clear: none;
    margin-right: 0.5em;
}

.profile-panel form {
    margin: 0;
    padding: 0;
}

.profile-panel label {
    width: auto;
    font-weight: normal;
    line-height: 1.4em;
    float: none
}

.profile-panel input {
    line-height: 1.4em;
}

.profile-panel p {
    clear: both;
    margin: 0;
    padding: 0;
}

/*=======================*/
/* HEADER STYLES */
/*=======================*/
#home #innerbody #container-header {
background:#1437A9 url(/images/home-header-dark.jpg) no-repeat left top;
}
#portal #innerbody #container-header {
background: #0D678A url(http://localhost/images/marine-header-dark.jpg) no-repeat left top;
}
#container-header
{
    height: 92px;
    font-size: .9em;
    color: #666;
    overflow: hidden;
width:auto;
}

#header-inner {
height:92px;
padding:12px;
}

#section-header img {
    border: none;
    float: left;
    padding-right: 17px;
    vertical-align: middle;
}

#section-header h1 {
    font-size: 2.1em;
    font-weight: normal;
    color: #333; /*color:#fff; Use for Low Graphics Version*/
    padding-top: 17px;
    float: left;
    clear: none;
}

#header-links {
height:92px;
text-align:right;
color:#fff;
}
#home #header-links {
text-align:right;
}

.header {
    padding-left: 0;
}

#portal #header-links {
      text-align:right;
}

#header-links ul {
      margin:0;
      padding:0;
      list-style-type:none;
}

#header-links ul li {
    display: inline;
    margin-left: 1em;
}
#portal #header-links ul li {
display:inline; 
padding:0;
margin:0 0 0 10px;
background:none;
}

#header-links a,
#header-links a:link,
#header-links a:visited {
    color: #fff;
    text-decoration: none;
}

#header-links a:focus,
#header-links a:hover,
#header-links a:active {
    color: #fff;
    text-decoration: underline;
}

/* PUBLIC SITE - SIGN IN/REGISTER */
.switch {
    float: right;
    padding-top: 1em;
    padding-right: 1em;
    line-height: 1.8em;
}

.languages {
    float: right;
    padding-top: 1em;
    padding-right: 1em;
    margin: 0;
    line-height: 1.8em;
}

#header-links select {
    font-size: 0.8em;
    display: inline;
}

#container-signin {
float:right;
}

#container-signin ul {
      margin:0;
      list-style-type:none;
}

#container-signin ul li {
    padding: 0;
    margin: 0 0 0 1em;
    background: none;
    float: right;
}

.btn-signin a {
    display: block;
    width: auto;
    padding: .5em;
    background: #09105A url(/images/btn-signin.gif) repeat-x left top;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    border-top: 1px solid #5473C8;
    border-right: 1px solid #0A1D84;
    border-bottom: 1px solid #01054E;
    border-left: 1px solid #0A1D84;
}

.reg-btn {
    text-align: center;
}

.reg-btn .btn-signin a {
    display: inline;
}

.reg-btn .btn-signin a:hover {
    text-decoration: underline;
}

.btn-register a {
    display: block;
    width: auto;
    padding: .5em;
    background: #272727 url(/images/btn-registernow.gif) repeat-x left top;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    border-top: 1px solid #8E8E8E;
    border-right: 1px solid #676767;
    border-bottom: 1px solid #081746;
    border-left: 1px solid #676767;
}

/* PORTAL HEADER */
#signed-in-as {
    font-size: 1.2em;
    font-weight: bold;
}

#portal #header-links .alias {
    color: #FFCC00;
}

#portal #header-links .alias select {
    font-size: .8em;
}

#portal #header-links img,
#profile-page #header-links img {
    vertical-align: top;
}

#profile-page h1#page-title {
    border-bottom: 1px solid #0033CC;
}

/*=======================*/
/* MENU BAR STYLES */
/*=======================*/
#container-menu {
    width: 100%;
    background: #0D678A url(/images/portal-marine-bkgrnd.gif) repeat-x left top;
    color: #fff;
    height: 28px;
    overflow: hidden;
}

#container-menu ul {
    font-weight: bold;
    margin: 0;
    padding: 0;
    float: left;
}

#container-menu ul li {
    float: left;
    list-style: none;
    background: none;
    padding-left: 0;
}

#container-menu a,
#container-menu a:link,
#container-menu a:visited {
    color: #fff;
    text-decoration: none;
}

#container-menu a:focus,
#container-menu a:hover,
#container-menu a:active {
    color: #fff;
    text-decoration: underline;
}

#container-menu ul li a,
#container-menu ul li a:link,
#container-menu ul li a:visited {
    color: #fff;
    float: left;
    display: block;
    text-decoration: none;
    padding: .5em 1em;
    text-align: center;
}

#container-menu ul li a:focus,
#container-menu ul li a:hover,
#container-menu ul li a:active {
    color: #fff;
    text-decoration: underline;
    background: #0899B4 url(/images/portal-menu-on.gif) repeat-x left top;
}

#container-menu .active {
    color: #03c;
    text-decoration: none;
    background: #fff;
    border-bottom: 1px solid #FFFFFF;
    margin-left: 1px;
    margin-right: 1px;
}

#container-menu a.active,
#container-menu a.active:link,
#container-menu a.active:visited {
    color: #03c !important;
}

#container-menu a.active:focus,
#container-menu a.active:hover,
#container-menu a.active:active {
    color: #03c !important;
    background: #fff;
    text-decoration: underline;
}

/*=======================*/
/* SEARCH STYLES */
/*=======================*/
#container-search {
    float: right;
    height: 28px;
    padding-right: 17px;
}

#homepage #container-search {
    float: right;
    height: 28px;
    padding-right: 0;
}
#home #container-search {
    float: right;
    height: 28px;
    padding-right: 17px !important;
}

#container-search form {
    margin: 0;
    padding: 0;
    width: 100%;
}

#container-search label {
    width: auto;
    padding: .5em 1em;
}

#container-search input {
    width: auto;
    font-size: .9em;
    color: #666;
    vertical-align: middle;
}

#homepage #container-search input {
    width: auto;
    font-size: .9em;
    color: #666;
    vertical-align: middle;
}

#search-btn {
    border: 0;
    vertical-align: middle;
}

/*=======================*/
/* CONTENT STYLES */
/*=======================*/
#container-body {
    clear: both;
    padding: 17px;
}

#container-content {
    margin-right: 3em;
    margin-left: 3em;
}

/* OUTER LAYOUT */
#outer_wrapper {
    background: #fff url(/images/background_3.gif) repeat-y left;
    min-height: 1000px;
    height: auto;
    _height: 1000px;
}

#wrapper {
    background: url(/images/background_2.gif) repeat-y right;
}

#container {
    min-height: 100%;
    width: 100%;
    float: left;
    margin-right: -0;
    background: url(/images/background_2.gif) repeat-y right;
}

#content {
    margin-right: 0;
    background: url(/images/background_3.gif) repeat-y left;
}

#main {
    margin-left: 0;
}

#left {
    width: 0;
    float: left;
}

#sidebar {
    width: 0;
    float: right;
}

/* INNER LAYOUT */
#inner-wrapper {
    background: #fff url(/images/background.gif) repeat-y right;
    min-height: 400px;
    height: auto;
    _height: 400px;
}

#inner-container {
    width: 100%;
    background: #fff url(/images/background.gif) repeat-y right;
    float: left;
    margin-right: -315px;
    margin-bottom: 2em;
}

#inner-content {
    background: #fff;
    margin-right: 315px;
}

#inner-sidebar {
    width: 315px;
    float: right;
    _clear: right;
}

#inner-sidebar div {
    margin-bottom: 10px;
}

#inner-sidebar div div {
    margin-bottom: 0;
}

#profile-page #inner-container {
    width: 100%;
    background: #fff url(/images/background.gif) repeat-y right;
    float: left;
    margin-right: -197px;
}

#profile-page #inner-content {
    background: #fff;
    margin-right: 197px;
}

#profile-page #inner-sidebar {
    width: 197px;
    float: right;
}

/* PORTAL CONTENT LAYOUT */
#portal #inner-container {
    width: 100%;
    background: #fff url(/images/background.gif) repeat-y right;
    float: left;
    margin-right: -197px;
}

#portal #inner-content {
    background: #fff;
    margin-right: 197px;
}

#portal #inner-sidebar {
    width: 197px;
    float: right;
}

#portal #profile-main {
    margin-left: 190px
}

#portal #profile-left {
    width: 185px;
    float: left;
}

#vessel-deatils #profile-main {
    margin-left: 205px;
}

#vessel-details #profile-left {
    width: 210px;
    float: left;
}

#site-page #main {
    margin-left: 185px;
}

#site-page #left {
    width: 185px;
    float: left;
}

#site-page #sidebar {
    width: 0;
    float: right;
}

#site-page #inner-container {
    width: 100%;
    background: #fff url(/images/background.gif) repeat-y right;
    float: left;
    margin-right: -197px;
}

#site-page #inner-content {
    background: #fff;
    margin-right: 197px;
}

#site-page #inner-sidebar {
    width: 197px;
    float: right;
}

.clearing {
    height: 0;
    clear: both;
}

.innertube {
    padding: 1em 2em 1em 1em;
    float: left;
    width: 95%
}

#tabbed-menu {
    width: 100%;
}

#tabbed-menu ul {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 1em 0;
    list-style-type: none;
}

#tabbed-menu ul li {
    display: inline;
    padding: 0 1em 0 0;
    margin: 0;
    background: none;
}

.active {
    font-weight: bold;
}

#page-content p {
    clear: both;
}

#container-breadcrumb {
    font-size: .9em;
    color: #696969;
}

#container-breadcrumb a,
#container-breadcrumb a:link,
#container-breadcrumb a:visited {
    color: #696969;
    text-decoration: none;
}

#container-breadcrumb a:focus,
#container-breadcrumb a:hover,
#container-breadcrumb a:active {
    color: #696969;
    text-decoration: underline;
}

#page-title {
    margin: 0;
    padding: 0;
}

#status {
    padding-left: 50px;
}

.status-online {
    background: url(/images/online-lrg.gif) no-repeat left top;
    height: 49px;
    vertical-align: middle;
    padding-left: 36px
}

.status-offline {
    background: url(/images/offline-lrg.gif) no-repeat left top;
    height: 49px;
    vertical-align: middle;
    padding-left: 36px
}

.actions-menu {
    font-size: 1em;
    margin: 0;
    padding: 0;
}

.actions-menu ul {
    clear: both;
    width: 100%;
    margin: 0;
    padding: .25em 0 1em;
    list-style-type: none;
}

.actions-menu ul li {
    display: inline;
    padding: 0 .5em;
    margin: 0;
    background: none;
    border-left: 1px solid #696969;
}

.actions-menu .first {
    padding: 0 .5em 0 0;
    border-left: none;
}

#profile-main .actions-menu ul,
#profile-main h2 {
    clear: none !important;
}

#inner-content {
    line-height: 1.6em;
}

.organizationimage {
    float: right;
    clear: right;
    padding-bottom: 12px;
    padding-left: 12px;
}

/*=======================*/
/* FOOTER STYLES */
/*=======================*/
#container-footer {
    width: 100%;
    clear: both;
    color: #999;
    font-size: .9em;
    border-top: 1px solid #F1F1F1;
    background: #F1F1F1;
    padding-top: 10px;
}

#container-footer p {
    clear: both;
    margin: 0;
    padding: 0;
}

#footer-links h1 {
    font-size: 1.1em;
    color: #666;
    margin: 0;
    border-bottom: none;
}

#footer-links div {
    padding-left: 1em;
    line-height: 1.6em;
}

#footer-links ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#footer-links ul li {
    background: none;
    padding-left: 0;
}

.section-links {
    width: 19.9%;
    float: left;
    border-right: 1px solid #ddd;
    min-height: 100px;
    height: auto;
    _height: 100px;
}

.site-links {
    width: 30%;
    float: left;
}

#copyright {
    clear: both;
    width: 100%;
    text-align: center;
    color: #333;
    padding-top: 2em;
    padding-bottom: 2em !important;
}

/*=======================*/
/* TABBED MENU STYLES */
/*=======================*/
#nav {
    width: 100%;
    padding-bottom: 2em !important;
}

#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    background: #fff;
    border-bottom: 1px solid #F1F1F1;
    width: 100%;
}

#nav ul li {
    margin: 0;
    padding: 0;
    float: left;
    background: #F1F1F1 url(/images/tab-bkgrnd.gif) repeat-x left bottom;
    border-left: 2px solid #fff;
    border-top: 1px solid #fff;
    border-right: 2px solid #fff;
}

#nav ul a {
    display: block;
    float: left;
    padding: 0 1em;
    line-height: 1.8em;
    text-decoration: none;
    color: #03c;
}

#nav ul a:hover {
    text-decoration: underline;
}

#nav .tab-active {
    display: block;
    float: left;
    padding: 0 1em;
    line-height: 1.8em;
    text-decoration: none;
    color: #03c;
    background: #fff;
    border-left: 1px solid #F1F1F1;
    border-top: 1px solid #F1F1F1;
    border-right: 1px solid #F1F1F1;
    margin-bottom: -1px;
}

#nav a.tab-active {
    color: #666;
    text-decoration: none;
}

/*=======================*/
/* SUB NAV STYLES */
/*=======================*/
.sub-nav {
    width: 100%;
}

.sub-nav ul {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 1em;
    list-style-type: none;
}

.sub-nav ul li {
    display: inline;
    padding: 0 .5em;
    margin: 0;
    background: none;
    border-right: 1px solid #999;
}

.sub-nav a,
.sub-nav a:link,
.sub-nav a:visited {
    color: #03c;
    text-decoration: none;
}

.sub-nav a:focus,
.sub-nav a:hover,
.sub-nav a:active {
    color: #03c;
    text-decoration: underline;
}

li.last {
    border-right: none !important;
}

/*=======================*/
/* TABLE STYLES */
/*=======================*/
table#ctl00_ContentPlaceHolder1_Wizard1 {
    width: 100% !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-collapse: collapse;
    background: none;
}

.form-label {
    font-weight: bold;
}

.form-label input {
    float: left;
}

.form-label label {
    float: left;
    width: 15em;
    font-weight: bold;
}

table#ctl00_ContentPlaceHolder1_Wizard1 th,
table#ctl00_ContentPlaceHolder1_Wizard1 td {
    padding: .2em;
    border-bottom: none !important;
}

th {
    background: none;
    text-align: left;
}

td {
    background: none;
}

/*=======================*/
/* PROFILE CONTROLS STYLES */
/*=======================*/
#profile-controls {
    background: #EEF1FC;
    border-top: 1px dotted #03c;
    border-bottom: 1px dotted #03c;
    padding: .5em;
    margin-bottom: 12px;
}

#profile-controls h1 {
    font-size: 1.3em;
    text-align: left !important;
    margin: 0;
    padding: 0;
    border-bottom: none;
}

#profile-controls p {
    margin: 0;
    padding: 0;
}

#profile-controls img {
    padding-right: 0;
    padding-bottom: 0;
    padding-top: .5em;
}

#profile-tabs {
    margin: 0 !important;
    padding: 0;
}

#profile-tabs ul {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#profile-tabs ul li {
    display: inline;
    padding-left: 0;
    background: none;
}

#profile-tabs img {
    padding-bottom: 0;
    padding-right: 0;
    border: 0;
}

#profile-tabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#profile-tabs ul li {
    float: left;
    border-right: 1px solid #FFFFFF;
}

#profile-tabs img {
    border: 1px solid #000;
    display: none;
}

#profile-tabs ul .tab-contacts a {
    display: block;
    width: 34px;
    height: 24px;
    line-height: 24px;
    color: #03c;
    text-decoration: none;
    background: url(/images/icn-address-book-on.gif) no-repeat left top;
}

#profile-tabs ul .tab-favourites a {
    display: block;
    width: 34px;
    height: 24px;
    line-height: 24px;
    color: #03c;
    text-decoration: none;
    background: url(/images/icn-edit-favs-on.gif) no-repeat left top;
}

#profile-tabs ul .tab-search a {
    display: block;
    width: 34px;
    height: 24px;
    line-height: 24px;
    color: #03c;
    text-decoration: none;
    background: url(/images/icn-add-on.gif) no-repeat left top;
}

#profile-tabs ul .tab-prefs a {
    display: block;
    width: 34px;
    height: 24px;
    line-height: 24px;
    color: #03c;
    text-decoration: none;
    background: url(/images/icn-edit-profile-on.gif) no-repeat left top;
}

#profile-tabs .tab-contacts a:hover,
#profile-tabs .tab-contacts .active {
    background: url(/images/icn-address-book-on.gif) no-repeat right top;
}

#profile-tabs .tab-favourites a:hover,
#profile-tabs .tab-favourites .active {
    background: url(/images/icn-edit-favs-on.gif) no-repeat right top;
}

#ctl00_divFavourites ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#ctl00_divFavourites ul li {
    background: url(/images/bullet_favs.gif) no-repeat left top;
    padding-left: 20px;
}

#profile-tabs .tab-search a:hover,
#profile-tabs .tab-search .active {
    background: url(/images/icn-add-on.gif) no-repeat right top;
}

#profile-tabs .tab-prefs a:hover,
#profile-tabs .tab-prefs .active {
    background: url(/images/icn-edit-profile-on.gif) no-repeat right top;
}

.profile-panel {
    background: #EEF1FC;
    margin: 0 0 1em;
    clear: both;
    padding: 10px;
}

.profile-panel h1 {
/*margin: -3px 0 0;*/
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    color: #039 !important;
    padding: .5em;
    text-align: left !important;
    border-bottom: 1px dotted #039;
}

.profile-panel h2 {
    background: #D5DDF0;
    padding: 0.25em;
    font-size: 1.1em;
    font-weight: bold;
    color: #039;
    margin: .35em 0 0.35em;
    border-bottom: none;
}

.profile-panel {
    height: 300px;
    overflow: auto;
}

.profile-panel ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.profile-panel li {
    padding: 0;
    margin: 0
}

.profile-panel li img {
    margin: 0 !important;
    padding: 0 0.5em 0 0 !important;
    vertical-align: middle;
}

.profile-panel hr {
    height: 0;
    border-top: 1px solid #DCE5F6;
}

.pseudonym {
    color: #FF9900;
}

.pseudonym a {
    color: #FF9900 !important;
}

/*=======================*/
/* HOMEPAGE STYLES */
/*=======================*/
.home-find {
    padding-left: 50px;
    background: url(/images/home-find.gif) no-repeat left top;
}

.home-connect {
    padding-left: 50px;
    background: url(/images/home-connect.gif) no-repeat left top;
}

.home-inform {
    padding-left: 50px;
    background: url(/images/home-inform.gif) no-repeat left top;
}

#homepage #container-body {
    padding-top: 2em;
}

#homepage h2 {
    font-size: 2.1em;
    font-weight: normal;
    color: #333;
    padding-top: 10px;
    margin: 0 0 .2em;
}

#homepage .innertube p {
    margin-top: 0;
}

div.sponsor-message {
    margin: 0 0 1em;
}

.sponsor-message h2 {
    font-size: 1.1em !important;
    font-weight: bold !important;
    color: #03c !important;
    border-bottom: none;
}

/*=======================*/
/* AVIATION HOMEPAGE STYLES */
/*=======================*/
.aviation-passenger {
    padding-left: 50px;
    background: url(/images/aviation-passenger.jpg) no-repeat left top;
}

.aviation-cargo {
    padding-left: 50px;
    background: url(/images/aviation-commercial.jpg) no-repeat left top;
}

.aviation-helicopters {
    padding-left: 50px;
    background: url(/images/aviation-helicopters.jpg) no-repeat left top;
}

/*=======================*/
/* AGENCIES HOMEPAGE STYLES */
/*=======================*/

.aid-relief {
    padding-left: 50px;
    background: url(/images/agencies-aid.jpg) no-repeat left top;
}

.medical {
    padding-left: 50px;
    background: url(/images/agencies-medical.jpg) no-repeat left top;
}

.human {
    padding-left: 50px;
    background: url(/images/agencies-humanitarian.jpg) no-repeat left top;
}

/*=======================*/
/* MARINE HOMEPAGE STYLES */
/*=======================*/
.marine-commercial {
    padding-left: 50px;
    background: url(/images/marine-commercial.gif) no-repeat left top;
}

.marine-passenger {
    padding-left: 50px;
    background: url(/images/marine-passenger.gif) no-repeat left top;
}

.marine-fishing {
    padding-left: 50px;
    background: url(/images/marine-fishing.gif) no-repeat left top;
}

.marine-rigs {
    padding-left: 50px;
    background: url(/images/marine-rigs.gif) no-repeat left top;
}

/*=======================*/
/* PLATFORM STYLES */
/*=======================*/
div div div div img.in-text-icon {
    float: left;
    padding: 0 10px 0 0;
}

div div div div img.in-text-icon + div {
    padding: 0;
    display: table;
}

img.in-text-icon + div ul {
    list-style-position: inside;
}

/*=======================*/
/* BOX STYLES */
/*=======================*/
.marine-box,
.aviation-box,
.agencies-box {
    background: #E7E7E7 url(/images/home-bottom-left.png) no-repeat left bottom; /*color:#333;*/
    margin: 0 0 1em;
    padding: 0; /*max-width: 1200px;*/
}

.silver-box {
    background: #E7E7E7 url(/images/silver-bottom-left.gif) no-repeat left bottom; /*color:#333;*/
    margin: 0 0 1em;
    padding: 0;
}

.marine-box-outer,
.aviation-box-outer,
.agencies-box-outer {
    background: url(/images/home-bottom-right.png) no-repeat right bottom;
}

.silver-box-outer {
    background: url(/images/silver-bottom-right.gif) no-repeat right bottom;
}

.marine-box-inner {
    background: url(/images/marine-top-left.gif) no-repeat left top;
}

.aviation-box-inner {
    background: url(/images/aviation-top-left.gif) no-repeat left top;
}

.agencies-box-inner {
    background: url(/images/agencies-top-left.gif) no-repeat left top;
}

.silver-box-inner {
    background: url(/images/silver-top-left.gif) no-repeat left top;
}

#inner-sidebar .marine-box-inner,
#inner-sidebar .aviation-box-inner,
#inner-sidebar .agencies-box-inner {
    margin-right: 16px;
    _margin-right: 0;
    width: 299px;
    overflow: hidden;
}

#profile-page #inner-sidebar .marine-box-inner,
#profile-page #inner-sidebar .aviation-box-inner,
#profile-page #inner-sidebar .agencies-box-inner {
    margin-right: 16px;
    _margin-right: 0;
    width: 100%;
    overflow: hidden;
}

#site-page #inner-sidebar .marine-box-inner,
#site-page #inner-sidebar .aviation-box-inner,
#site-page #inner-sidebar .agencies-box-inner {
    margin-right: 16px;
    _margin-right: 0;
    width: 100%;
    overflow: hidden;
}

.marine-box-inner h2,
.aviation-box-inner h2,
.agencies-box-inner h2 {
    padding: 5px 10px !important;
    margin: 0;
    color: #fff !important;
    font-weight: bold !important;
    font-size: 1.1em !important;
    height: 18px;
    border-bottom: none ! important;
}

.marine-box-inner h3,
.aviation-box-inner h3,
.agencies-box-inner h3 {
    font-size: 1em;
    border-bottom: 1px solid #0033CC;
    margin: 0;
}

.marine-box-inner h2 {
    background: url(/images/marine-top-right.gif) no-repeat right top;
}

.marine-box-inner .chat {
    background: url(/images/chat-marine-top-right.gif) no-repeat right top !important;
}

.marine-box-inner .message {
    background: url(/images/message-marine-top-right.gif) no-repeat right top !important;
}

.aviation-box-inner h2 {
    background: url(/images/aviation-top-right.gif) no-repeat right top;
}

.agencies-box-inner h2 {
    background: url(/images/agencies-top-right.gif) no-repeat right top;
}

.silver-box-inner h2 {
    background: url(/images/silver-top-right.gif) no-repeat right top;
    padding: 5px 10px !important;
    margin: 0;
    color: #333 !important;
    font-weight: bold !important;
    font-size: 1.1em !important;
    height: 18px;
    border-bottom: none ! important;
}

#inner-sidebar .marine-box-inner h2,
#inner-sidebar .aviation-box-inner h2,
#inner-sidebar .agencies-box-inner h2 {
    padding: 5px 10px;
    margin: 0;
    color: #fff !important;
    font-weight: bold !important;
    font-size: 1.2em !important;
    height: 18px;
    border-bottom: 1px solid #fff;
}

#inner-sidebar .marine-box-inner h2 {
    background: url(/images/arrow-marine-top-right.gif) no-repeat right top;
}

#inner-sidebar .aviation-box-inner h2 {
    background: url(/images/arrow-aviation-top-right.gif) no-repeat right top;
}

#inner-sidebar .agencies-box-inner h2 {
    background: url(/images/arrow-agencies-top-right.gif) no-repeat right top;
}

.marine-box-inner div,
.aviation-box-inner div,
.agencies-box-inner div,
.silver-box-inner div {
    padding: 10px;
    margin: 0;
}

.marine-box-inner div img,
.aviation-box-inner div img,
.agencies-box-inner div img,
.silver-box-inner div img {
    padding-left: 10px;
    padding-bottom: 10px;
    float: right;
}

.silver-box-inner div {
    min-height: 200px;
    height: auto;
    _height: 200px;
}

.marine-box p,
.aviation-box p,
.agencies-box p,
.silver-box p {
    margin: 0;
    padding-bottom: .8em;
}

.two-columns-left {
    width: 49%;
    float: left;
}

.two-columns-right {
    width: 49%;
    float: right;
}

#inner-sidebar h1 {
    color: #333;
    text-align: center;
}

/* 'position:relative' tells any elements inside this h2 to be positioned relative to it */
#homepage #inner-sidebar h2 {
    position: relative;
}

/* This span element will be positioned relative to the h2,
with an absolute position of 0 pixels from teh top and 10 pixels
from the left of the header */
#inner-sidebar h2 span {
    top: 5px;
    right: 10px;
    float: right;
    padding-right: 1em
}

#inner-sidebar h2 a,
#inner-sidebar h2 a:link,
#inner-sidebar h2 a:visited {
    color: #fff;
    text-decoration: none;
    font-weight: normal
}

#inner-sidebar h2 a:focus,
#inner-sidebar h2 a:hover,
#inner-sidebar h2 a:active {
    color: #fff;
    text-decoration: underline;
}

.new {
    float: left !important;
    vertical-align: middle;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 5px;
}

.fixed-column {
    width: 15%;
}

.marine-box-inner table {
    border: none;
}

.marine-box-inner th, .marine-box-inner td {
    padding: .3em; /*border-bottom:1px solid #E5E5E5;*/
}

/*=======================*/
/* TOOLTIP STYLES */
/*=======================*/
span.tool {
    position: relative; /* this is key */
    cursor: help;
}

span.tool span.tip {
    display: none; /* so is this */
}

/* tooltip will display on :hover event */
span.tool:hover span.tip {
    display: block;
    z-index: 100;
    position: absolute;
    top: 1.6em;
    left: 0;
    width: auto;
    padding: 3px 7px 4px 6px;
    border: 1px solid #336;
    background-color: #f7f7ee;
    font: normal .9em / 1.2em arial, helvetica, sans-serif;
    text-align: left;
    color: #000;
}

#content span.tool::after {
    padding-left: 2px; /* eye candy */
    content: url(/img/bubble.gif);
}

/* PUBLIC LISTING */
#public_listing_friends {
    font-size: 0.9em;
}

#public_listing_friends table {
    border: none;
    background: none !important;
    width: auto;
    margin-left: 0px;
}

#public_listing_friends tr {
}

#public_listing_friends td {
    border: none !important;
    padding-right: 1.5em;
}

#public_listing_friends img {
    border: 1px solid #CCCCCC;
    padding: 5px;
    display: block;
    float: left !important;
}

#public_listing_friends a {
    float: left !important;
    clear: both;
    line-height: normal;
    padding-bottom: .5em;
}

p#p_psl {
    margin-bottom: .5em;
}

/* VESSEL INFORMATION */
#vessel-information {
    margin-top: 1em;
}

#vessel-information table {
    border: none !important;
    background: none !important;
    width: 100%;
}

#vessel-information th {
    width: 12.5em;
}

/*#vessel-information th,
#vessel-information td {border-bottom: #CCCCCC;}*/

/* PUBLIC VESSEL PAGE - Search More */
.search-more {
    font-size: 0.9em;
    width: 160px;
    text-align: center;
}

.search-more p {
    margin: 0;
    padding: 0;
}

table#ctl00_ContentPlaceHolder1_dlstCrewMates {
    width: auto;
}

#ctl00_ContentPlaceHolder1_dlstCrewMates td {
    width: 75px !important;
    vertical-align: top;
    text-align: left;
}

.search-more img,
#public_listing_friends img,
#CrewMates img,
#CrewMates input,
#ctl00_ContentPlaceHolder1_dlstCrewMates input {
    width: 60px;
    height: auto;
}

#public_grid a,
#CrewMates a,
#ctl00_ContentPlaceHolder1_dlstCrewMates a {
    clear: both !important;
    float: left;
    margin-right: 1em;
}

.lloyds-miu {
    color: #CCCCCC;
    font-weight: bold;
    text-align: center;
    font-size: 0.9em;
    padding-top: 1em;
    float: left;
    margin-bottom: 2em;
}

.lloyds-miu p {
    line-height: 1.3em;
}

.lloyds-miu img {
    margin: 0 !important;
    padding: 0 !important;
}

#site-page h1#page-title {
    font-size: 2.1em;
    color: #333;
    border-bottom: 1px solid #333333;
}

.headline {
      font-weight: normal;
      font-size: 1.8em;
      margin: 0 0 0 10px;
      padding: 0;
      line-height: normal;
      float: left;
      color: #FFFFFF!important;
      border-bottom: none;
      /*background: url(/images/trans-bkgrnd.gif) repeat left top;*/
}

#profile-page .headline {
    padding-right: 15px;
}

/*.marine .headline  {
      background: url(/images/trans-bkgrnd-marine.gif) repeat left top;
}*/

/* by midhun*/

.imagebutton {
    float: left;
}

.h1style {
    font-size: 2.1em;
    color: #0033CC;
}

.vessel {
    width: 200px;
    height: 200px;
}

/*.labtext {
      width:200px;
}*/

/*=======================*/
/* PUBLIC SITE DROPMENU */
/*=======================*/
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/elegant2.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#dropmenu, #dropmenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    height: 30px;
    background: #003399 url(/images/caption-bkgrnd.gif) repeat-x left top;
    border-bottom: 1px solid #FFFFFF;
}

#dropmenu {
    padding-left: 20px; /*width:680px;*/
}

#dropmenu ul {
    width: 100%;
}

#dropmenu li.first {
/*border-left:1px solid #FFFFFF;*/
}

#dropmenu table {
    border-collapse: collapse;
    width: 0;
    height: 0;
    padding: 0;
    margin: -1px;
}

#dropmenu ul {
    position: absolute;
    left: -9999px;
}

#dropmenu li {
    float: left; /*border-right:1px solid #FFFFFF;*/
    background: none;
    padding-left: 0;
    font-weight: bold;
}

#dropmenu li a {
    white-space: nowrap;
    background: #003399 url(/images/caption-bkgrnd.gif) repeat-x left top; /* ? */
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    color: #FFFFFF;
    padding: 0 10px 0 10px;
}

#dropmenu li a.drop {
/*background:#003399 url(/images/dropmenu-down.gif) no-repeat right center;*/
    background: #003399 url(/images/caption-bkgrnd.gif) repeat-x left top;
}

#dropmenu li a:hover {
    position: relative;
    /*color:#006699;
   background-color:#0072C6; */
    color: #FFFFFF;
    background: #0072C6 url(/images/caption-bkgrnd-on.gif) repeat-x left top;
}

#dropmenu li:hover {
    position: relative;
}

#dropmenu li:hover > a {
    color: #FFFFFF;
}

#dropmenu ul li {
    font-weight: normal !important;
    font-size: 8pt;
}

#dropmenu ul li ul li {
    font-size: 1em;
}

#dropmenu :hover ul {
    left: -1px;
    top: 30px;
    width: 120px;
    background: url(trans.gif);
    padding-top: 1px;
    border-bottom: 0;
}

#dropmenu :hover ul li a {
    border-left: 1px solid #FFFFFF;
    height: 20px;
    line-height: 20px;
    width: 120px;
    border-bottom: 1px solid #FFFFFF;
}

#dropmenu :hover ul li a.right {
/*background:#003399 url(/images/dropmenu-right.gif) no-repeat 135px center;*/
}

#dropmenu :hover ul ul {
    left: -9999px;
    padding-top: 0;
}

#dropmenu :hover ul li.fly a:hover {
    padding-left: 161px;
    border-bottom-color: #FFFFFF; /*background:#0072C6 url(/images/dropmenu-down.gif) no-repeat right center;*/
    background: #0072C6 url(/images/caption-bkgrnd-on.gif) repeat-x left top;
}

#dropmenu :hover ul li.fly:hover > a {
    padding-left: 160px;
    border-bottom-color: #FFFFFF; /*background:#0072C6 url(/images/dropmenu-down.gif) no-repeat right center;*/
    background: #0072C6 url(/images/caption-bkgrnd-on.gif) repeat-x left top;
}

#dropmenu :hover ul :hover ul {
    left: 150px;
    top: 21px;
}

#dropmenu :hover ul :hover ul ul {
    left: -9999px;
}

#dropmenu :hover ul :hover ul li a:hover {
    padding-left: 10px;
    border-color: #FFFFFF;
    background: #0072C6 url(/images/caption-bkgrnd-on.gif) repeat-x left top;
}

#dropmenu :hover ul :hover ul li.fly a:hover {
    padding-left: 161px;
    border-bottom-color: #FFFFFF; /*background:#0072C6 url(/images/dropmenu-down.gif) no-repeat right center;*/
    background: #0072C6 url(/images/caption-bkgrnd-on.gif) repeat-x left top;
}

#dropmenu :hover ul :hover ul li.fly:hover > a {
    padding-left: 160px;
    border-bottom-color: #FFFFFF; /*background:#0072C6 url(/images/dropmenu-down.gif) no-repeat right center;*/
    background: #0072C6 url(/images/caption-bkgrnd-on.gif) repeat-x left top;
}

#dropmenu :hover ul :hover ul :hover ul {
    left: 150px;
}

#dropmenu :hover ul :hover ul :hover ul li a:hover {
    padding-left: 10px;
    border-color: #FFFFFF;
    background: #0072C6 url(/images/caption-bkgrnd-on.gif) repeat-x left top;
}

#dropmenu .active {
    color: #03c;
    text-decoration: none; /*background:#F1F1F1 url(/images/tab-bkgrnd.gif) repeat-x left bottom;*/
    background: #fff !important;
    border-bottom: 1px solid #FFFFFF;
    margin-left: 1px;
    margin-right: 1px;
}

#dropmenu a.active,
#dropmenu a.active:link,
#dropmenu a.active:visited {
    color: #03c !important;
}

#dropmenu a.active:focus,
#dropmenu a.active:hover,
#dropmenu a.active:active {
    color: #03c !important;
    background: #fff;
    text-decoration: underline;
}

/*=======================*/
/* PORTAL INDUSTRY TABS */
/*=======================*/
#industry-tabs {
    clear: both;
    width: 100%;
    overflow: hidden;
}

#industry-tabs ul {
    font-weight: normal;
    font-size: 1.2em;
    margin: 0;
    padding: 0;
    float: left;
}

#industry-tabs ul li {
    float: left;
    list-style: none;
    background: none;
    padding-left: 0;
    padding-right: 1em;
    white-space: nowrap;
}

#industry-tabs a.active {
/*font-size: 1.5em;*/
    font-weight: bold;
}

#industry-tabs img {
    vertical-align: middle;
}

#industry-tabs .marine-commercial {
    padding-left: 45px;
    background: url(/images/marine-commercial.gif) no-repeat left top;
    height: 50px;
    line-height: 50px;
    display: block;
}

#industry-tabs .marine-passenger {
    padding-left: 45px;
    background: url(/images/marine-passenger.gif) no-repeat left top;
    height: 50px;
    line-height: 50px;
    display: block;
}

#industry-tabs .marine-fishing {
    padding-left: 45px;
    background: url(/images/marine-fishing.gif) no-repeat left top;
    height: 50px;
    line-height: 50px;
    display: block;
}

#industry-tabs .marine-rigs {
    padding-left: 45px;
    background: url(/images/marine-rigs.gif) no-repeat left top;
    height: 50px;
    line-height: 50px;
    display: block;
}

/*=======================*/
/* THIRD LEVEL TABS */
/*=======================*/
#container-tabs {
    clear: both;
    width: 100%;
    color: #fff;
    height: 29px;
    clear: both;
    padding-top: 1em;
    margin-bottom: 0;
    border-bottom: 1px solid #b2b2b2;
}

#container-tabs ul {
    font-weight: bold;
    margin: 0;
    padding: 0;
    float: left;
}

#container-tabs ul li {
font-size: 7.5pt;
float:left;
list-style:none;
background:#3F3F3F url(/images/portal-tabs-bkgrnd.gif) repeat-x left top;
padding-left:0;
margin-left: 4px;
/*margin-right: 4px;*/
}

#container-tabs a,
#container-tabs a:link,
#container-tabs a:visited {
    color: #fff;
    text-decoration: none;
}

#container-tabs a:focus,
#container-tabs a:hover,
#container-tabs a:active {
    color: #fff;
    text-decoration: underline;
}

#container-tabs ul li a,
#container-tabs ul li a:link,
#container-tabs ul li a:visited {
    float: left;
    display: block;
}

#container-tabs ul li a:focus,
#container-tabs ul li a:hover,
#container-tabs ul li a:active {
    background: #5E5E5E url(/images/portal-tabs-on.gif) repeat-x left top;
}

#container-tabs .active {
    color: #03c;
    text-decoration: none;
    background: #fff;
    border-top: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    border-bottom: none !important;
}

#container-tabs a.active,
#container-tabs a.active:link,
#container-tabs a.active:visited {
    color: #03c !important;
}

#container-tabs a.active:focus,
#container-tabs a.active:hover,
#container-tabs a.active:active {
    color: #03c !important;
    background: #fff;
    text-decoration: underline;
}

#container-tabs ul li a {
    display: block; /*width: 34px;*/
    height: 30px;
    line-height: 30px;
    color: #666;
    text-decoration: none;
    padding-left: 30px;
    float: left;
    padding-right: 1em;
}

/* TABS - PROFILE */
#container-tabs ul .tabs-profile-general a,
#container-tabs ul .tabs-profile-contact a,
#container-tabs ul .tabs-profile-personal a,
#container-tabs ul .tabs-profile-alias a,
#container-tabs ul .tabs-profile-account a {
    background: url(/images/tab-off.gif) repeat-x left top;
    padding-left: 1em;
}
#container-tabs ul .tabs-news a {background: url(/images/tab-news-off.png) no-repeat left top;}
#container-tabs ul .tabs-webcam a {background: url(/images/tab-webcam-off.png) no-repeat left top;}

#container-tabs .tabs-profile-general a:hover,
#container-tabs .tabs-profile-contact a:hover,
#container-tabs .tabs-profile-personal a:hover,
#container-tabs .tabs-profile-alias a:hover,
#container-tabs .tabs-profile-account a:hover {
    background: url(/images/tab-on.gif) repeat-x left top;
}
#container-tabs .tabs-news a:hover {background: url(/images/tab-news-on.png) no-repeat left top;}
#container-tabs .tabs-webcam a:hover {background: url(/images/tab-webcam-on.png) no-repeat left top;}

#container-tabs .tabs-profile-general a.active,
#container-tabs .tabs-profile-contact a.active,
#container-tabs .tabs-profile-personal a.active,
#container-tabs .tabs-profile-alias a.active,
#container-tabs .tabs-profile-account a.active {
    background: #fff;
}
#container-tabs .tabs-news a.active {background: #fff url(/images/tab-news-active.png) no-repeat left top;}
#container-tabs .tabs-webcam a.active {background: #fff url(/images/tab-webcam-active.png) no-repeat left top;}

/* TABS - MY INDUSTRY */
#container-tabs ul .tabs-industry a {
    background: url(/images/tab-home-off.gif) no-repeat left top;
}

#container-tabs ul .tabs-message a {
    background: url(/images/tab-message-off.gif) no-repeat left top;
}

#container-tabs ul .tabs-chat a {
    background: url(/images/tab-chat-off.gif) no-repeat left top;
}

#container-tabs ul .tabs-search a {
    background: url(/images/tab-search-off.gif) no-repeat left top;
}

#container-tabs ul .tabs-exchange a {
    background: url(/images/tab-exchange-off.gif) no-repeat left top;
}

#container-tabs .tabs-industry a:hover {
    background: url(/images/tab-home-on.gif) no-repeat left top;
}

#container-tabs .tabs-message a:hover {
    background: url(/images/tab-message-on.gif) no-repeat left top;
}

#container-tabs .tabs-chat a:hover {
    background: url(/images/tab-chat-on.gif) no-repeat left top;
}

#container-tabs .tabs-search a:hover {
    background: url(/images/tab-search-on.gif) no-repeat left top;
}

#container-tabs .tabs-exchange a:hover {
    background: url(/images/tab-exchange-on.gif) no-repeat left top;
}

#container-tabs .tabs-industry a.active {
    background: #fff url(/images/tab-home-active.gif) no-repeat left top;
}

#container-tabs .tabs-message a.active {
    background: #fff url(/images/tab-message-active.gif) no-repeat left top;
}

#container-tabs .tabs-chat a.active {
    background: #fff url(/images/tab-chat-active.gif) no-repeat left top;
}

#container-tabs .tabs-search a.active {
    background: #fff url(/images/tab-search-active.gif) no-repeat left top;
}

#container-tabs .tabs-exchange a.active {
    background: #fff url(/images/tab-exchange-active.gif) no-repeat left top;
}

/* TABS - MAIL */
#container-tabs ul .tabs-inbox a {
    background: url(/images/tab-inbox-off.gif) no-repeat left top;
}

#container-tabs ul .tabs-address-book a {
    background: url(/images/tab-address-off.gif) no-repeat left top;
}

#container-tabs ul .tabs-compose a {
    background: url(/images/tab-compose-off.gif) no-repeat left top;
}

#container-tabs ul .tabs-sent a {
    background: url(/images/tab-sent-off.gif) no-repeat left top;
}

#container-tabs ul .tabs-trash a {
    background: url(/images/tab-trash-off.gif) no-repeat left top;
}

#container-tabs .tabs-inbox a:hover {
    background: url(/images/tab-inbox-on.gif) no-repeat left top;
}

#container-tabs .tabs-address-book a:hover {
    background: url(/images/tab-address-on.gif) no-repeat left top;
}

#container-tabs .tabs-compose a:hover {
    background: url(/images/tab-compose-on.gif) no-repeat left top;
}

#container-tabs .tabs-sent a:hover {
    background: url(/images/tab-sent-on.gif) no-repeat left top;
}

#container-tabs .tabs-trash a:hover {
    background: url(/images/tab-trash-on.gif) no-repeat left top;
}

#container-tabs .tabs-inbox a.active {
    background: #fff url(/images/tab-inbox-active.gif) no-repeat left top;
}

#container-tabs .tabs-address-book a.active {
    background: #fff url(/images/tab-address-active.gif) no-repeat left top;
}

#container-tabs .tabs-compose a.active {
    background: #fff url(/images/tab-compose-active.gif) no-repeat left top;
}

#container-tabs .tabs-sent a.active {
    background: #fff url(/images/tab-sent-active.gif) no-repeat left top;
}

#container-tabs .tabs-trash a.active {
    background: #fff url(/images/tab-trash-active.gif) no-repeat left top;
}

/*=======================*/
/* INDUSTRY TABS STYLES */
/*=======================*/
#industries-tabs {
    margin: 0;
    padding: 0;
}

#industries-tabs ul {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 1em 0;
    padding: 0;
    list-style-type: none;
}

#industries-tabs ul li {
    display: inline;
    padding-left: 0;
    background: none;
    white-space: nowrap;
}

#industries-tabs img {
    padding-bottom: 0;
    padding-right: 0;
    border: 0;
    border: 1px solid #000;
    display: none;
}

#industries-tabs ul li a {
    display: block; /*width: 34px;*/
    height: 50px;
    line-height: 50px;
    color: #666;
    text-decoration: none;
    padding-left: 50px;
    float: left;
    padding-right: 1em;
}

#industries-tabs li a:hover {
    color: #03c;
    text-decoration: underline;
}

#industries-tabs li a.active {
    color: #03c;
    font-weight: bold;
    text-decoration: none;
}

#industries-tabs ul .marine-fishing a {
    background: url(/images/marine-fishing-off.gif) no-repeat left top;
}

#industries-tabs ul .marine-commercial a {
    background: url(/images/marine-commercial-off.gif) no-repeat left top;
}

#industries-tabs ul .marine-passenger a {
    background: url(/images/marine-passenger-off.gif) no-repeat left top;
}

#industries-tabs ul .marine-rigs a {
    background: url(/images/marine-rigs-off.gif) no-repeat left top;
}

#industries-tabs .marine-fishing a:hover,
#industries-tabs .marine-fishing a.active {
    background: url(/images/marine-fishing.gif) no-repeat left top;
}

#industries-tabs .marine-commercial a:hover,
#industries-tabs .marine-commercial a.active {
    background: url(/images/marine-commercial.gif) no-repeat left top;
}

#industries-tabs .marine-passenger a:hover,
#industries-tabs .marine-passenger a.active {
    background: url(/images/marine-passenger.gif) no-repeat left top;
}

#industries-tabs .marine-rigs a:hover,
#industries-tabs .marine-rigs a.active {
    background: url(/images/marine-rigs.gif) no-repeat left top;
}

/* CHAT ROOM HOME */
#container-chat {
    width: auto;
    margin: 1em 0em 1em 1em;
    font-size: 1.2em;
}

/* HOME LAYOUT - applies to CHAT ROOM, MESSAGE BOARD, MY HOME, INDUSTRY */

#home-layout {
}

.chat-room #home-heading h1 {
    font-weight: normal;
    background: url(/images/icn-chathome.gif) no-repeat left top;
    padding-left: 50px;
    height: 45px;
    line-height: 45px;
}

.message-board #home-heading h1 {
    font-weight: normal;
    background: url(/images/icn-messagehome.gif) no-repeat left top;
    padding-left: 50px;
    height: 45px;
    line-height: 45px;
}

.my-home #home-heading h1 {
    font-weight: normal;
    padding-left: 0;
    line-height: normal;
    margin-bottom: 10px;
}

.my-home #home-heading h1 img {
    padding-right: .5em;
    vertical-align: middle;
}

#home-search {
    min-width: 190px;
    background: #BBCCFF url(/images/icn-search-categories.gif) no-repeat .5em 0.5em;
    padding-bottom: .5em;
    margin-bottom: 1em;
    padding: .5em .5em .5em 45px;
}

#home-search label {
    border-bottom: none;
    font-size: 1.4em;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#home-search input {
    margin: 0;
    padding: 0;
}

#home-search p {
    clear: both;
    margin: 0;
    padding: 0 0 0.5em;
}

#home-content {
    clear: both;
    width:748px;
}

#ctl00_head_divLC0,
#home-content div.home-3cols {
      float: left;
      width: 31.0%;
      margin: 0;
      padding: 0;
      margin-right: 10px;
}

#ctl00_head_divLC0 div.home-3cols {
    float: left;
    width: 31%;
    margin: 0;
    padding: 0;
    margin-right: 1em;
}

#home-layout .grey-box {
    border: 1px solid #DDDDDD;
    background: #FFF;
    margin-bottom: 1em;
    clear: both;
}

.blue-box {
    border: 1px solid #BBCCFF;
    background: #F2F5FF;
    margin-bottom: 10px; /*clear: both;*/
}

.blue-box div, .yellow-box div {
    padding: 10px;
}

.yellow-box {
    border: 1px solid #FFD21F;
    background: #FFF6D4;
    margin-bottom: 1em;
}

#ctl00_head_divLC0 .blue-box,
#ctl00_head_divLC0 .yellow-box {
    overflow: auto;
}

.grey-box h2,
.blue-box h2 {
    padding: .5em;
    margin: 0;
    border-bottom: none;
    font-weight: bold;
    font-size: 1.2em;
}

.yellow-box h2 {
    font-size: 12pt;
    background: rgb(255, 231, 79);
    clear: none;
    font-weight: bold;
    border-bottom: none ! important;
    line-height: 2.5em;
    padding-left: 1em;
    margin: 0;
}

.yellow-box p {
    padding: 1em;
}

.blue-box p img, .yellow-box p img {
    padding: 0 0.5em 0.5em 0;
    float: left;
}

#site-page .blue-box h2,
#ctl00_head_divLC0 .yellow-box h2 {
    color: #333333 !important;
}

#home-layout .grey-box h2 {
    background: #DDDDDD;
}

.blue-box h2 {
    background: #BBCCFF;
}

#home-layout .more {
    border-top: 1px dotted #BBCCFF;
    text-align: right;
}

.yellow-box {
    border-top: 1px dotted #FFD21F;
}

#home-layout .grey-box .more {
    border-top: 1px dotted #F5F5F5;
    text-align: right;
    clear: both;
}

.message-board #message-categories li {
    padding: 0.25em 0.5em 1em 25px;
    background: url(/images/icn-sml-clip.gif) no-repeat left top;
}

.chat-room #chat-categories li {
    padding: 0.25em 0.5em 1em 25px;
    background: url(/images/icn-sml-chat-category.gif) no-repeat left top;
}

.blue-box h3 {
    background: #BBCCFF;
    padding: .5em;
    margin: 0;
    border-bottom: none;
    font-weight: bold;
    font-size: 1.0em;
}

#home-feature {
    border: 1px solid #0033CC;
    clear: both;
}

#home-feature h2 {
    font-weight: normal;
    background: url(/images/icn-hosted-chat.gif) no-repeat 5px 5px;
    padding-left: 45px;
    height: 50px;
    line-height: 50px;
    border-bottom: none;
    font-size: 1.4em;
    font-weight: bold;
    margin: 0;
}

.yellow-box#home-alerts h2 {
    font-weight: normal;
    background: url(/images/icn-c2c-message.gif) no-repeat 5px 5px;
    padding-left: 45px;
    height: 40px;
    line-height: 40px;
    border-bottom: none;
    font-size: 1.4em;
    font-weight: bold;
    margin: 0;
    color: #333;
}

#home-alerts p {
    padding-bottom: 1em;
    clear: both;
}

#home-alerts img {
    float: right;
    padding-left: .5em;
    padding-bottom: 1em;
}

#home-links {
    margin: 1em 0 0;
    clear: both;
}

#home-links div {
    padding: 1em 0;
    border-bottom: 1px dotted #CCC;
}

#home-links h3 {
    color: #666;
    font-size: 1.2em;
    margin: 0;
    padding: 0.5em 0;
}

.about-you {
    border: 1px solid #F5F5F5;
    clear: both;
    padding: .5em;
    margin-bottom: 1em;
}

.edit {
    padding: 10px;
    border-bottom: 1px dotted #F5F5F5;
    text-align: right;
    clear: both;
    float: right;
}

.edit img {
    padding-right: .5em;
    vertical-align: middle;
}

#home-profile ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 1em;
}

#home-profile li {
    border-bottom: 1px solid #F5F5F5;
    background: none;
    padding-left: 0;
}

#home-todo h2 {
    font-weight: normal;
    background: url(/images/icn-todo.gif) no-repeat 5px 5px;
    padding-left: 45px;
    height: 50px;
    line-height: 50px;
    border-bottom: none;
    font-size: 1.4em;
    font-weight: bold;
    margin: 0;
}

#home-todo ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 1em;
}

#home-todo li {
    padding-left: 25px;
    padding-bottom: .25em;
    background: url(/images/icn-todo-list.gif) no-repeat 5px top;
}

#home-favourites h2 {
    font-weight: normal;
    background: url(/images/icn-home-favs.gif) no-repeat 5px 5px;
    padding-left: 45px;
    height: 50px;
    line-height: 50px;
    border-bottom: none;
    font-size: 1.4em;
    font-weight: bold;
    margin: 0;
}

#home-favourites ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 1em;
}

#home-favourites li {
    padding-left: 25px;
    padding-bottom: .25em;
    background: url(/images/icn-bookmark-favs.gif) no-repeat 5px top;
}

/* PORTAL MAIL */
#ctl00_ContentPlaceHolder1_divAddAlias,
#ctl00_ContentPlaceHolder1_divAddExternal {
    border-top: 1px solid #CCC;
    margin-top: 2.5em;
    padding-top: 1em;
}

table.mail-table, .resultTable {
      width: 100%!important;
      margin: 1em 0;
      border-collapse: collapse;
      border: 1px solid #FFF;
      background:#EEF1FC;    
      
} 

.mail-table th, .resultTable th
{
	background:#D5DDF0;
 	height:35px;
 	border: 1px solid #DEECF7;
 	padding-left:10px;
 	padding-right:10px;
}

.mail-table th, .resultTable th {
    background: #D5DDF0;
    height: 35px;
    border: 1px solid #DEECF7;
    padding-left: 20px;
}

.mail-table td, .resultTable td {
      font-weight: normal;
      border: 1px solid #D5DDF0;
      height:30px;
 	padding-left:10px;
 	padding-right:10px;    
}

.odd {
    background-color: #f5f5f5;
}

img#ctl00_ContentPlaceHolder1_imgAlreadyContact {
    vertical-align: middle;
    float: right;
    padding-left: .5em;
}

#ctl00_ContentPlaceHolder1_lblAlreadyContact {
    font-weight: normal !important;
    color: #333;
    float: right;
}

#mail-actions {
    border-bottom: 1px dotted #CCC;
}

#mail-actions ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

#mail-actions ul li {
    float: right;
    text-align: center;
    background: none;
    padding: 0 10px;
}

#ctl00_ContentPlaceHolder1_diveditcontacts {
}

#ctl00_ContentPlaceHolder1_diveditcontacts p,
#ctl00_ContentPlaceHolder1_divMain p,
#ctl00_ContentPlaceHolder1_TabContainer1_TabPanel1_UpdatePanel1 p {
    clear: both;
    padding-bottom: 1em;
    position: relative;
    width: 100%;
}

#ctl00_ContentPlaceHolder1_diveditcontacts label {
    width: 10em !important;
    float: none;
    margin: 2em;
    position: relative;
}

/*#ctl00_ContentPlaceHolder1_divMain label {
width: 10em;
text-align:left;
padding-left: 1em;
line-height: 1.6em;
} */

*+html #ctl00_ContentPlaceHolder1_diveditcontacts input {
    margin-top: 1.6em;
}

/* Needs to be IE Only */
.labtext {
    float: left;
    clear: both;
    font-weight: bold;
    display: inline;
    width: 10em !important;
}

*+html #ctl00_ContentPlaceHolder1_txtAliasName {
    margin-left: -1em;
}

.mand {
    font-weight: normal;
    font-size: 1.4em;
    color: #ff3333;
}

.mail {
    width: 540px;
    width: 25em;
}

.mailMessage {
    width: auto;
    height: 200px;
}

#ctl00_ContentPlaceHolder1_Panel2 .mailMessage {
    margin-left: 15em;
    width: 50%;
}

/* PROFILE */
/*#ctl00_ContentPlaceHolder1_TabContainer1_body*/
#ctl00_ContentPlaceHolder1_TabContainer1 {
    padding: 1em;
    margin-bottom: 1em;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
#ctl00_ContentPlaceHolder1_TabContainer1_TabPanel4 th {
      padding: 0.25em 1em 0.25em 1em!important;
      text-align: left;
      vertical-align: top;
}

#ctl00_ContentPlaceHolder1_TabContainer1_TabPanel3 th,
#ctl00_ContentPlaceHolder1_TabContainer1_TabPanel3 td {
    padding: .5em 1em .5em 0em !important;
    text-align: left;
    vertical-align: top;
}

#ctl00_ContentPlaceHolder1_TabContainer1_TabPanel1 a,
#ctl00_ContentPlaceHolder1_TabContainer1_TabPanel2 a,
#ctl00_ContentPlaceHolder1_TabContainer1_TabPanel3 a,
#ctl00_ContentPlaceHolder1_TabContainer1_TabPanel4 a,
#ctl00_ContentPlaceHolder1_TabContainer1_TabPanel5 a {
    background: url(/images/icn-edit.gif) no-repeat left top;
    padding-left: 20px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}

/*=======================*/
/* SEARCH/ADD A VESSEL */
/*=======================*/
#crew-search p {
    padding-top: .5em;
}

#lbtnSrchTips {
    font-weight: bold;
}

#lbtnSrchTips img {
    vertical-align: middle;
    padding-right: .5em;
}

div.disclaimer {
    margin-top: 5em;
}

/*table#dgdVslSrch {
      clear: both;
      width: 100%!important;
      margin: 1em 0;
      border-collapse: collapse;
      border: 1px solid #FFF;
}
#dgdVslSrch th,
#dgdVslSrch td {
      padding: 0.25em;
      vertical-align: top;
}
#dgdVslSrch th {
      font-weight: bold;
      text-align: left;
      border-bottom: 3px solid #CCC;
}

#dgdVslSrch .odd {
      background-color: #f5f5f5;
} */

.search-results {
    font-size: 1.4em;
}

#lblMsg {
    display: block;
    padding: 1em 0;
}

.new-vessel label {
    float: left !important;
    width: 15em !important;
    font-weight: bold;
    clear: both;
    margin: 0;
    padding: 0;
}

.new-vessel p {
    padding-bottom: .5em !important;
}

.search-btns {
    float: right;
    text-align: right;
    width: auto;
    margin-top: -3em;
    padding-right: .5em;
    padding-bottom: .5em;
}

.search-btns input {
    float: none;
}

.optional-divider {
    display: block;
    background: #FFF;
    width: 100%;
    height: 1em;
    padding: 0 !important;
}

.crewimage {
    width: 30px;
    height: 30px;
}

/* CREW CONTACT */
#ctl00_ContentPlaceHolder1_btnSearchUsers {
    margin-bottom: 2em;
}

#ctl00_ContentPlaceHolder1_btnGetAnotherimage {
    clear: both;
    margin-top: 1em;
    margin-left: 15em;
}

/* REGISTRATION */
#container-reg-left {
    float: left;
    width: 49%;
}

#container-reg-right {
    float: right;
    width: 49%;
}

#reg-free,
.panelimageNoborderFree {
    background: #FD9E01 url(/images/reg-bkgrnd-free.gif) no-repeat bottom center;
    margin-top: 1em;
}

#reg-free a h2,
#reg-full a h2 {
    color: #FFFFFF !important;
    border-bottom: none;
    clear: none;
    margin: 0;
    padding: 0.5em 0 0 0.5em;
    line-height: 1em;
    text-transform: lowercase;
}

#reg-free a:hover h2,
#reg-full a:hover h2 {
    text-decoration: underline;
    color: #FFF;
}

#reg-free a:hover h3,
#reg-full a:hover h3 {
    text-decoration: underline;
    color: #000;
}

.yellow-box span, .blue-box span {
    font-style: italic;
    font-size: 100%;
}

#reg-free a h3,
#reg-full a h3 {
    color: #000000 !important;
    border-bottom: none;
    clear: none;
    margin: 0;
    padding: 0 0 1em 0.5em;
    font-size: 1.6em;
}

#ctl00_ContentPlaceHolder1_divRegOption .blue-box h3 {
    background: #BBCCFF;
    padding: 0.5em;
    margin: -1px 0 0;
    border-top: none;
    font-weight: bold;
    font-size: 1.0em;
}

#ctl00_ContentPlaceHolder1_divRegOption .blue-box div {
    padding: .5em;
}

#ctl00_ContentPlaceHolder1_divRegOption .blue-box ul {
    padding-bottom: 1em;
    padding-left: 3em;
}

.blue-box h4 {
    font-weight: bold;
    font-size: 1.0em;
    line-height: 48px;
    margin: 0;
}

#reg-free img,
#reg-full img {
    float: left;
    border: none;
}

#reg-full,
.panelimageNoborderFull {
    background: #5AD400 url(/images/reg-bkgrnd-full.gif) no-repeat center bottom;
}

#container-tandcs {
    height: 200px;
    overflow: auto;
    border: 1px solid #0033cc;
    background: #FFF;
    padding: 1em;
    margin-bottom: 1em;
}

.formtable th{width:15em;}
.formtable tr td input[type="text"],.formtable tr td input[type="password"]{width:200px}

#image-verification p {line-height: normal!important;}
#image-verification img {margin-left: 15em;float: left;}
#image-verification input {display: inline;}
#container-tandcs-stage {margin: 0;padding: 0;}

fieldset table {
    float: left;
    clear: none;
    display: inline;
}

#image-verification p {
    line-height: normal !important;
}

#image-verification img {
    margin-left: 15em;
    float: left;
}

#image-verification input {
    display: inline;
}

#container-tandcs-stage {
    margin: 0;
    padding: 0;
}

#container-tandcs-stage ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

#container-tandcs-stage ol li {
    float: left;
    height: 3em;
    padding-top: 2em;
    margin-right: 1em;
    margin-top: 1em;
}

#container-tandcs-stage ol #ctl00_ContentPlaceHolder1_stage01 {
    background: url(/images/registration_1.gif) no-repeat center top;
}

#container-tandcs-stage ol #ctl00_ContentPlaceHolder1_stage02 {
    background: url(/images/registration_2.gif) no-repeat center top;
}

#container-tandcs-stage ol #ctl00_ContentPlaceHolder1_stage03 {
    background: url(/images/registration_3.gif) no-repeat center top;
}

#container-tandcs-stage ol #ctl00_ContentPlaceHolder1_stage04 {
    background: url(/images/registration_4.gif) no-repeat center top;
}

#container-tandcs-stage ol #ctl00_ContentPlaceHolder1_stage05 {
    background: url(/images/registration_5.gif) no-repeat center top;
}

#container-tandcs-stage ol #ctl00_ContentPlaceHolder1_stage01.active {
    background: url(/images/registration_1_active.gif) no-repeat center top !important;
}

#container-tandcs-stage ol #ctl00_ContentPlaceHolder1_stage02.active {
    background: url(/images/registration_2_active.gif) no-repeat center top !important;
}

#container-tandcs-stage ol #ctl00_ContentPlaceHolder1_stage03.active {
    background: url(/images/registration_3_active.gif) no-repeat center top !important;
}

#container-tandcs-stage ol #ctl00_ContentPlaceHolder1_stage04.active {
    background: url(/images/registration_4_active.gif) no-repeat center top !important;
}

#container-tandcs-stage ol #ctl00_ContentPlaceHolder1_stage05.active {
    background: url(/images/registration_5_active.gif) no-repeat center top !important;
}

.checkbox input,
.checkbox label {
    clear: none;
    margin-right: .5em;
}

.checkbox label {
    font-weight: normal !important;
}

#container-checkbox label {
    width: 100%;
}

.three-col {
    float: left;
    margin: 0 !important;
    padding: 0 !important;
}

.radio label {
    width: auto;
}

.radio input {
    margin-left: .5em;
    margin-right: .5em;
}

fieldset {
    border: 1px solid #0033CC;
    padding: 1em;
}

legend {
    font-weight: bold;
    color: #0033cc;
    font-size: 1.2em;
    padding: .5em;
}

#upload-photo {
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 1em;
}

#upload-photo p {
    clear: both;
}

#upload-photo label {
    width: auto;
    padding-right: 1em;
}

#upload-photo input {
    width: auto;
    margin-right: 1em;
}

#push-profile {
    background: #659AD0 url(/images/vessel_search_push_bg.gif) repeat-y left top;
}

#push-upgrade {
    background: #39FB3A url(/images/upgrade_push_bg.gif) repeat-y left top;
}

#push-profile,
#push-upgrade {
    color: #FFFFFF;
    margin-bottom: 1em;
    height: 10em;
    width: 197px;
}

#push-profile .innertube,
#push-upgrade .innertube {
    padding: .5em;
}

#push-profile img,
#push-upgrade img {
    float: right;
    padding-top: 1em;

}

#push-profile a,
#push-upgrade a {
    color: #FFFFFF;
}

#push-profile h1,
#push-upgrade h1 {
    color: #FFFFFF;
    font-weight: normal;
    font-size: 1.5em;
    padding: 0 0 .5em;
    margin: 0;
}

#Show1_0 {
    overflow: hidden
}

h1.leisure {
    background: #DFF8FF;
    margin: 20px 0 10px;
    padding: 4px;
    text-align: center;
    color: #26005F;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.credits {
    margin: 0 auto 20px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 0 0 8px 0;
    font: 130% / 110% Garamond, Georgia, serif;
}

.credits em {
    color: #999;
}

.credits a {
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
}

.credits a:hover {
    text-decoration: underline;
}

/* ---------- gallery styles start here ----------------------- */
.gallery {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gallery li {
    padding: 10px;
    margin: 0;
    float: left;
    position: relative;
    width: 320px;
    height: 205px;
}

.gallery img {
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px;
}

.gallery em {
    background: #fff;
    font-style: normal;
    padding: 2px 8px 0 22px;
    display: block;
    position: absolute;
    top: 20px;
    left: 5px;
    border: 1px solid #999;
}

.gallery a {
    text-decoration: none;
}

.gallery span {
    width: 30px;
    height: 60px;
    display: block;
    position: absolute;
    top: 7px;
    left: 9px;
    background: url(/images/paper-clip-mini.png) no-repeat;
    z-index: 3;
}

#contactUsForm input[type="text"] {
    clear: none;
    max-width: 250px
}

#contactUsForm label, #contactUsForm p {
    clear: left
}

#contactUsForm textarea {
    clear: left;
    width: 80%;
    min-width: 250px;
}

#contactUsForm h6 {
    margin: 0;
    clear: left
}

.srch {
    margin-top: 4px;
}

.contactustmsg {
    height: 10em;
    width: 100%;
    margin-bottom: 2em;
}

#site-profile-main {
    padding-left: 190px;
    width: 100%;
}

#site-profile-main h1 {
    border-bottom: 1px solid black;
    color: black;
}

#ctl00_ContentPlaceHolder1_dlsCrewMates tbody {
    vertical-align: top
}

.ajax__tab_panel {
    overflow: auto
}

.ob_show_panel {
    text-align: center;
}

.ob_show_panel img {
    width: auto;
    height: auto;
}

.ob_show_panelsholder table tbody tr td div div {
    overflow: hidden
}

.blueTable {
    width: 99%;
    background-color: #daedf1;
    border: 1px solid #0033CC;
    font-family: Arial;
    padding: 3px;
    font-size: 100%;
}

.blueTable td {
    width: 200px;
}

.vesselSearchBanner {
    background-color: white;
    border: 1px solid #0033CC;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

.cssReset {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

.TabBorder {
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 0.5em;
    margin-bottom: 1em;
    height: 100%; /*min-width:800px;*/
}

.tableBorder td, .tableBorder th {
    border-top: 1px solid black;
    padding: 5px;
}

.tableBorder {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 5px
}

.breadcrumbs {
    border-bottom: 1px solid lightgray;
    padding: 3px 0 3px 3px;
    margin-bottom: 5px
}

.breadcrumbs a {
    color: #555555;
}

/* Used by login */
.login {
    margin: 10px
}

.login tbody {
    margin: auto;
    width: 500px;
    border: 1px solid #BBCCFF;
    background: #F2F5FF;
}

.login td {
    padding: 5px;
}

.login label {
    clear: none;
    padding: 0;
    float: none;
}

.treeview {
    padding: 0 !important;
    margin: 10px
}

.treeview img, .treeview div {
    padding: 0 !important
}

/*.treeview a img{margin:5px 10px 5px 0}*/
.treeview input {
    margin-right: 5px
}

/* Used by message board home page, industry home, chat home, my home */
.comfishdiv {
    width: 99.5%;
    background: url(/images/backgroundComfish.jpg) no-repeat;
    float: left;
    margin-bottom: 0.5em;
}

.comshipdiv {
    width: 99.5%;
    background: url(/images/backgroundcomship.jpg) no-repeat;
    float: left;
    margin-bottom: 0.5em;
}

.pcldiv {
    width: 99.5%;
    background: url(/images/background-2PasCruis.jpg) no-repeat;
    float: left;
    margin-bottom: 0.5em;
}

.msgboarddiv {
    width: 100%;
    height: 130px;
    background: url(/images/westart-people-2.jpg) no-repeat;
    float: left;
    margin-bottom: 0.5em;
}

.threewaydiv {
    width: 31%;
    margin-bottom: 0.5em;
    float: left;
    margin-left: 1em;
    display: block;
}

.header a {
    text-decoration: none ! important;
}

.header h2 {
    border-bottom: none;
    font-weight: bold;
    font-size: 1em;
    color: white ! important;
    background-color: rgb(43, 96, 222);
    padding: 0.5em;
}

#portaldiv, #nextdiv, #next1div,
#next2div, #next2div, #next3div,
#next4div, #next5div, #next6div,
#next7div, #next8div {
    border: 1px solid #BBCCFF;
    margin-bottom: 1em ! important;
    display: none;
    padding: 0.8em;
}

.myhomediv {
    margin-bottom: 0.5em;
    height: 127px;
    background: url(/images/backgroundcomship.jpg) no-repeat;
    width: 100%;
}

.myhomediv h1, .comfishdiv h1,
.comshipdiv h1, .pcldiv h1
{
	padding-top: 1em;
	color: white;
	font-size: 1.8em;
	padding-left:3em;
	padding-bottom:2.5em;
}

#portaldiv h3, .threewaydiv h3 {
    color: #000000;
    font-size: 1.2em;
    padding-left: 1em;
    padding-right: 1em;
}

.threewaydiv p {
    padding: 1em;
}

#portaldiv img {
    width: 25px;
    height: 20px;
}

#portaldiv li, .threewaydiv li {
    padding: 0.25em 0.5em 1em 25px;
    background: url(/images/icn-sml-chat-category.gif) no-repeat left top;
}

#portaldiv ul, .threewaydiv ul {
    padding-right: 1em;
    padding-left: 1em;
    padding-top: 1em;
}

.profileimage {
    margin-right: 10px;
    vertical-align: middle;
    padding: 2px
}

iframe {
    border: none;
}

div.sponsor-message iframe {
    border: none ! important;
    vertical-align: middle;
}

#forumfaqtable td, #forumfaqtable tr {
    border: none;
}

#ctl00_ContentPlaceHolder1_pnlMessage {
    margin-right: auto;
    margin-left: auto;
    width: 98%;

}

.mail-table .mailTablePager td {
    padding: 0;
    height: 15px;
}

.mail-table .mailTablePager table td {
    padding: 5px;
    border: 0
}

.mail-table .mailTablePager table {
    width: auto !important;
}

.grey-box div {
    padding: 10px
}

.composeTable th {
    padding: 10px;
    background: #D5DDF0;
    border: 1px solid #DEECF7;
    width: 50px;
}

.composeTable td {
    padding: 10px;
    font-weight: normal;
    border: 1px solid #D5DDF0;
}

.composeTable td input[type="text"] {
    width: 99% !important
}

.composeTable {
    width: 100%;
    clear: both;
    border-collapse: collapse;
    border: 1px solid #FFF;
    background: #EEF1FC;
}
.ICAAdvert {
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
    border:none;
    padding:5px;
    display:none;
    height:60px
}

.pager td
{
	vertical-align:middle;
	border:none;
}

/*----------------styling for the new design---------------*/
.parent
{
	display:inline-block;
}
.content-column-left, .content-column-right
{
	margin-bottom:5px;
	padding:5px;
}
.content-column-left
{
margin-right:5px;
float:left;
width:260px;
}

.content-column-right
{
	float:right;
	width:280px;	
 }

.block-image-right
{
	float:right;
	margin:0 0 0 8px;
	padding:0;
	width:120px;
}
.content-block-left, .content-block-right 
{
	font-size:1em;
	margin-bottom:5px;
	padding:0;
	width:303px;
	display:inline-block;
	vertical-align:top;
}

.content-block-left
{
	margin-right:5px;
	
	/*zoom:1; */
	*display: inline;
	/*_height: 30px*/
	
}
.content-block-right
{
	margin-left:5px;
	/*fixes ie7 */
	/*zoom:1; */
	*display: inline;
	/*_height: 30px*/
} 

.content-block-top 
{
	background-image:url(/images/panel-top.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	height:9px;
	width:303px;
}

.content-block-outline 
{
	background-image:url(/images/panel-blue-back.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	margin-bottom:-2px;
	/*min-height:380px;*/
	padding:5px;
}

.content-block-header 
{
	clear:both;
	padding:0 5px 5px;
}

.block-image 
{
	float:left;
	margin:0;
	padding:0;
	width:90px;
}

.block-intro-clr1, .block-intro-clr2, 
.block-intro-clr3, .block-intro-clr4, 
.block-intro-clr5, .block-intro-clr6,
.block-intro-clr7, .block-intro-clr8{
	background-position:right top;
	background-repeat:no-repeat;
display: inline-block;
	height:auto !important;
	margin:0;
	min-height:80px;
	padding:5px;
	width:183px;
}

.block-intro-clr1
{
	background-image:url(/images/colour-panel1.jpg)
}
.block-intro-clr2 
{
	background-image:url(/images/colour-panel2.jpg);
	
}

.block-intro-clr3 
{
	background-image:url(/images/colour-panel3.jpg);
	
}

.block-intro-clr4 
{
	background-image:url(/images/colour-panel4.jpg);
	
}

.block-intro-clr5 
{
	background-image:url(/images/colour-panel5.jpg);
	
}

.block-intro-clr6 {
	background-image:url(/images/colour-panel6.jpg);
}

.block-intro-clr7, .block-intro-clr8
{
background-image:url(/images/panel-two.jpg);
}

.block-intro-clr3 h6 a,  .block-intro-clr4 h6 a{
	color:#993300;
}

.block-intro-clr5 h6 a, .block-intro-clr6 h6 a 
{
	color:#006633;
}

.block-intro-clr7 h6 a, .block-intro-clr8 h5 a {
color:#333333;
}


.block-first, .block-second 
{
	display:inline-block;
	margin:0;
	width:285px;
	padding: 5px 10px 0px;
}
.block-first
{padding-left:5px;}
.block-second 
{
	background-image:url(/images/white-panel.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin:5px 0 -1px 5px;
	padding-top:5px;
}
.block-second h6
{
border-bottom:1px solid lightgray;
width:265px;
margin-bottom:5px;
/* Fix IE bloody 7*/
*display:inline;
}
.block-second ul
{
margin:0;padding:0;
}
.block-second-btm 
{
	background-image:url(/images/white-panel-btm.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	float:left;
	height:8px;
	margin:0 0 0 5px;
	padding:0;
	width:285px;
}

.content-block-btm {
	background-image:url(/images/panel-btm.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	height:12px;
	width:303px;
}

.content-row 
{
	background-color:#FFFFFF;
	float:left;
	margin-bottom:5px;
	width:100%;
}

#div#container-dropmenu + div {
padding:0 !important;
}
#div#container-menu + div {
padding-left:0 !important;
}