/* BEGIN RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*vertical-align: baseline;*/
    background: transparent;
}
br {
    clear: both;
}
hr {
    margin: 5px auto 5px !important;
}
img { -ms-interpolation-mode:bicubic; }
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* END RESET CSS */

/* -------------------------------------------------------------- 
   
   BEGIN BLUEPRINT CSS

   Generated by:
    * Blueprint CSS Grid Generator (2008-09-08) [http://kematzy.com/blueprint-generator/]

   == STRUCTURE: ========================
    * Page width:            965 px
    * Number of columns:     10
    * Column width:          83 px
    * Margin width:          15 px
   ======================================
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 965px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10 {float:left;margin-right: 15px;}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 83px;}
.span-2  { width: 181px;}
.span-3  { width: 279px;}
.span-4  { width: 377px;}
.span-5  { width: 475px;}
.span-6  { width: 573px;}
.span-7  { width: 671px;}
.span-8  { width: 769px;}
.span-9  { width: 867px;}
.span-10, div.span-10 { width: 965px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 98px;}
.append-2  { padding-right: 196px;}
.append-3  { padding-right: 294px;}
.append-4  { padding-right: 392px;}
.append-5  { padding-right: 490px;}
.append-6  { padding-right: 588px;}
.append-7  { padding-right: 686px;}
.append-8  { padding-right: 784px;}
.append-9  { padding-right: 882px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 98px;}
.prepend-2  { padding-left: 196px;}
.prepend-3  { padding-left: 294px;}
.prepend-4  { padding-left: 392px;}
.prepend-5  { padding-left: 490px;}
.prepend-6  { padding-left: 588px;}
.prepend-7  { padding-left: 686px;}
.prepend-8  { padding-left: 784px;}
.prepend-9  { padding-left: 882px;}



/* Border on right hand side of a column. */
div.border {
  padding-right:6.5px;
  margin-right:7.5px;
  border-right: 1px solid #eee;
}

div.leftborder {
  margin-left: -8.5px;
  padding-left: 7.5px;
  border-left: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right:78.5px;
  margin-right:75.5px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -98px;}
.pull-2 { margin-left: -196px;}
.pull-3 { margin-left: -294px;}
.pull-4 { margin-left: -392px;}
.pull-5 { margin-left: -490px;}
.pull-6 { margin-left: -588px;}
.pull-7 { margin-left: -686px;}
.pull-8 { margin-left: -784px;}
.pull-9 { margin-left: -882px;}
.pull-10 { margin-left: -980px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10 {float:left;position:relative;}


.push-1 { margin: 0 -98px 1.5em 98px;}
.push-2 { margin: 0 -196px 1.5em 196px;}
.push-3 { margin: 0 -294px 1.5em 294px;}
.push-4 { margin: 0 -392px 1.5em 392px;}
.push-5 { margin: 0 -490px 1.5em 490px;}
.push-6 { margin: 0 -588px 1.5em 588px;}
.push-7 { margin: 0 -686px 1.5em 686px;}
.push-8 { margin: 0 -784px 1.5em 784px;}
.push-9 { margin: 0 -882px 1.5em 882px;}
.push-10 { margin: 0 -980px 1.5em 980px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10 {float:right;position:relative;}



/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.container .box { 
  /*padding: 1.5em;*/
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
.container hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  border: none;
}

.container hr.light {
  background: #eee; 
  color: #eee;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  border: none; 
}

.container hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

/* END BLUEPRINT CSS */
/* START BASE */
/* START OVERRIDES */
body {
    margin-top: 0px;
    padding-bottom: 0px;
    font-size: 12px;
    line-height: 1.25;
    color:#333;
    font-family: Arial, sans-serif;
	/*line-height: 1;*/
    background-color: #FFF;
}

.content {
    margin-top: 10px;
    min-height: 300px;
}
p {
    margin-bottom: 1em;
}
dl dt {
    margin-top: 5px;
    font-weight: bold;
}

a {
    color: #0067b1;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a.button, input[type="submit"], input[type="button"] {
    color: white;
    background-color: #0067b1;
    padding: 2px 7px;
    font-weight: bold;
    font-size: 11px;
    border: none;
    width: auto;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
a.button:hover {
    text-decoration: none;
    color: #FFF;
    background-color: #1178c2;
}
div.report-abuse {
    margin-top: 30px;
}

h1, .h1, h2, .h2, h3, .h3 {
    color: #1c2e85;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-weight: bold;
}
h1, .h1 {
    line-height: 40px;
    font-size: 22px;
}
h2, .h2 {
    line-height: 36px;
    font-size: 18px;
}
.colhead {
    border-bottom: 1px solid #bbb;
    margin: 10px 0px;
}
h3, .h3 {
    line-height: 28px;
    font-size: 14px;
}
h3 a, .h3 a {
    font-size: 10px;
    font-weight: normal;
    vertical-align: bottom;
}
ul.inline {
    display: block;
    overflow: hidden;
}
ul.inline li {
    float: left;
}
/* END OVERRIDES */
.small {
    font-size: 11px;
    line-height: 11px;
}
.smaller {
    font-size: 10px;
    line-height: 10px;
}
.smallest {
    font-size: 9px;
    line-height: 9px;
}
.notopmargin {
    display: block;
    margin-top: -10px;
}

div#header {
    background-color: #ffdd01;
    border-bottom: 2px solid #5f7ab7;
}
div#header #top-banner {
    background-color: #cccccc;
    width: 100%;
    height: 92px;
    text-align: center;
    padding: 5px;
}
div#header div#header-logo a {
    display: block;
    background-image: url(../images/base/header-logo-img.png);
    width: 128px;
    height: 31px;
    margin-left: 5px;
    margin-top: 9px;
}

div#header div#navigation ul li a {
    color: #1c2e85;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 20px;
}

div#header div.hovnav ul {
    line-height: 48px;
}
div#header div.hovnav ul li {
    
}
div#header div.hovnav ul li a {
    display: block;
}
div#header div.hovnav ul li a:hover {
    text-decoration: none;
    background-color: #ffee80;
}

div#header div#toplinks ul li a {
    font-size: 9px;
    font-weight: bold;
    color: #000;
    padding: 0px 10px;
}


div#loggedin-status {
    font-size: 11px;
    font-weight: bold;
    margin-top: 5px;
}

#container {
    margin-bottom: 10px;
}
#bottom-banner {
    text-align: center;
}

.breadcrumb {
    font-size: 11px;
    font-weight: bold;
    margin-top: -5px;
    margin-bottom: 5px;
}

div#footer {
    border-top: 5px solid #032b63;
}

div#footer dl {
    padding: 15px 0px;
    padding-left: 20px;
    line-height: 1.25;
    font-weight: bold;
}
div#footer dt, div#footer dt a {
    color: #032b63;
    font-size: 13px;
}

div#footer dd, div#footer dd a {
    font-size: 12px;
}

div#content {
    /*margin-top: 15px;*/
    min-height: 400px;
}

/* END BASE */
#profile-status-image {
    width: 60px;
    font-size: 9px;
}
#profile-status-details {
    
}
dl.status dt {
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
}
dl.status dd {
    font-size: 12px;
    line-height: 15px;
}
.message-box-title, .message-box-count {
    font-weight: bold;
}
.message-box-count {
    color: #CCC;
}
.message-read {
    color: #CCC;
}
span.activity-desc {
    color: #CCC;
    font-size: 10px;
}

table.jobs {
    width: 100%;
    table-layout: fixed;
    text-align: center;
}
table.jobs tr {
    height: 40px;
}
table.jobs td {
    vertical-align: middle;
}
table.jobs td.status {
    color: #006699;
    width: 42px;
    text-align: center;
    font-weight: bold;
}
table.jobs td.position {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

#home-page #hero {
    background-color: #ffdd01;
    height: 225px;
}
#home-page #main-text h1 {
    line-height: 30px;
}
#home-page #hero #corner {
    width: 88px;
    height: 88px;
    background-image: url(../images/main/home-freetojoin-rcorner.png);
    float: right;
}
#home-page #hero #logo {
    width: 226px;
    height: 54px;
    background: url(../images/main/home-hero-logo.png) no-repeat;
    top: 40px;
    margin-left: 30px;
    position: relative;
}
#home-page #hero #text {
    width: 609px;
    height: 60px;
    background-image: url(../images/main/home-hero-text.png);
    top: 70px;
    margin-left: 30px;
    position: relative;
}

#home-page #signin-bar {
    background-color: #1b429a;
    height: 34px;
    line-height: 34px;
    vertical-align: middle;
    _padding-top: 5px;
    padding-right: 30px;
    color: white;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-weight: bold;
}
#home-page #signin-bar a {
    color: #a4b3d7;
}
#home-page #signin-bar label {
    margin-left: 30px;
}
#home-page #signin-bar input {
    width: 250px;
}
#home-page #signin-bar input#signin-btn {
    width: 61px;
    height: 13px;
    background: transparent url(../images/main/home-signin-submit-btn.png);
    border-style: none;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 5px;
}
#home-page #signin-bar #forgot-password {
    float: right;
}
#home-page #info-col {
    background-color: #f3f5fa;
    height: 100%;
}
#home-page #info-col blockquote {
    padding: 0px 20px;
}    
#home-page #signup-col {
    color: #999;
}
#home-page #signup-col h1 {
    font-size: 180%;
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #666;
}
#home-page #signup-col h2 {
    font-size: 130%;
    color: #999;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
}

#home-page #signup-col #signup-btn {
    text-align: right;
    padding-right: 150px;
}
#home-page #signup-col #signup-btn input {
    width: 82px;
    height: 17px;
    background: transparent url(../images/main/home-signup-submit-btn.png);
    border-style: none;
    cursor: pointer;
    vertical-align: middle;
}
#home-page #signup-col #note {
    margin-top: 20px;
    font-size: 90%;
}

#home-page #signup-col #note a {
    color: #1b429a;
}
#home-page span.head {
    color: #1b429a;
    font-size: 125%;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-weight: bold;
    padding-left: 5px;
    position: relative;
    top: -1px;
}
#home-page {
    height: 100%;
    text-align: left;
}

dl.narrow-fields dt {
    min-width: 50px !important;
    padding-right: 10px;
}
.narrow-fields input {
    width: 150px !important;
}



form table tr th {
    width: 150px;
    text-align: right;
    padding-right: 15px;
}
form table tr td {
    padding: 5px 0px;
}

form .errorlist, form .errorlist li {
  color: #ee3124;
  font-size: 12px;
  display: inline;
  position: relative;
  left: 4px;
  padding-left: 0px;
  margin-left: 0px;
  list-style-type: none;
  display: inline;
}

/* process steps */
ol.process-steps {
  list-style: none;
  overflow: hidden;
  height: 20px;
  margin-left: 0px;
  padding-left: 0px;
}

ol.process-steps li {
  overflow: hidden;
  float: left;
  text-transform: uppercase;
  margin-right: -5px;

}

ol.process-steps li div {
  float: left;
}

ol.process-steps li div.process-step-text {
  background-color: #f3f5fa;
  font-weight: bold;
  color: #c2d2fa;
  line-height: 20px;
  padding: 0px 10px;
  -moz-user-select: none;
  cursor: default;
}
ol.process-steps li div.process-step-left {
  background-image: url(../images/shared/process-step-sprites-bg.png);
  width: 10px;
  background-position: 0px 20px;
  height: 20px;
}

ol.process-steps li div.process-step-right {
  background-image: url(../images/shared/process-step-sprites-bg.png);
  width: 10px;
  background-position: 10px 20px;
  height: 20px;
}

ol.process-steps li.process-step-active div.process-step-text {
  background-color: #1b429a;
  color: #f3f5fa;
}
ol.process-steps li.process-step-active div.process-step-left {
  background-position: 0px 0px;
}

ol.process-steps li.process-step-active div.process-step-right {
  background-position: 10px 0px;
}
/* Account status */
.status-icon {
    background-image: url(../images/profile/looking_status.png);
    background-repeat:no-repeat;
    height: 61px;
    width: 122px;
}
.status-icon-open {
    background-position: 0px 0px;
}
.status-icon-hidden {
    background-position: -122px 0px;
}
.status-icon-closed {
    background-position: -244px 0px;
}
.status-icon-crew {
    background-position: -366px 0px;
}
.status-icon-open-active {
    background-position: 0px -61px;
}
.status-icon-hidden-active {
    background-position: -122px -61px;
}
.status-icon-closed-active {
    background-position: -244px -61px;
}
.status-icon-crew-active {
    background-position: -366px -61px;
}

ul.feed {
    font-weight: bold;
    font-size: 12px;
}
ul.feed li {
    padding: 2px 10px;
}
.feed-readmore {
    font-size: 10px;
    font-weight: bold;
}
.strike {
    text-decoration: line-through;
}
.center {
    text-align: center;
}
ol {
    list-style: inside decimal none;
}

table td.message-date {
    width: 125px;
}
table tr.unread-message {
    background-color:#EEEEFF;
    font-weight: bold;
}

dl.left {
    overflow: hidden;
}

dl.left dt {
    float: left;
    clear: left;
    width: 80px;
    margin-top: auto;
}
dl.left dd {
    margin-left: 90px;
    width: auto;
}
#login-page dl.form-fields dt {
    width: 60px;
}
#login-page dl.form-fields dd {
    margin-left: 20px;
}

dl.form-fields {
  line-height: 30px;
}
dl.form-fields dt {
  float: left;
  clear: left;
  min-width: 135px;
  width: 135px;
  display: block;
  text-align: right;
  display: inline;
  margin-top: auto;
}

dl.form-fields dt label {
  text-transform: capitalize;
}

dl.form-fields dd {
  float: none;
  position: relative;
  display: block;
  line-height: 30px;
  min-height: 30px;
  left: 15px;
  min-width: 200px;
  overflow: hidden;
}

dl.form-fields dd input {
    width: 250px;
}

dl.form-fields dd select {
    width: 255px;
}

dl.form-fields dd input[type=text], input[type=password], input.text, input.password, select, textarea {
  border-top: 1px solid #979FA1;
  border-left: 1px solid #979FA1;
  border-right: 1px solid #D5DDDF;
  border-bottom: 1px solid #D5DDDF;
  background-color: white !important;
  padding-left: 2px;
}

dl.form-fields dd ul li input {
    background: transparent none !important;
    border-style: none;
    width: auto !important;
}
ul.info-messages {
  background-color: #009dd9;
  font-weight: bold;
  margin-left: 0px;
  padding: 5px 20px;
  color: white;
}

ul.error-messages {
  background-color: #ee3124;
  font-weight: bold;
  margin-left: 0px;
  padding: 5px 20px;
  color: white;
}

ul.info-messages a, ul.error-messages a {
    color: white;
    text-decoration: underline;
}

li.altrow, tr.altrow td {
    background-color: #F2F2F2;
}



#network-invitations-main table {
  width: 100%;
}

#network-invitations-main #invitation-form thead tr th {
  background-color: #D8D8D8;
  text-align: left;
  padding: 2px 23px;
  text-transform: uppercase;
}
#network-invitations-main #invitation-form thead tr th.box {
  width: 20px;
  text-align: center;
}
#network-invitations-main #invitation-form thead tr th span {
  text-align: right;
  display: block;
  position: relative;
}
#network-invitations-main #invitation-form tbody {
}

#network-invitations-main #invitation-form tbody td label {
  font-weight: bold;
  font-size: 90%;
  padding-right: 10px;
}

#network-invitations-main #invitation-form tbody td {
  padding: 0px 0px;
}

#network-invitations-main #invitation-form tbody td input {
  width: 250px;
}

#network-invitations-main #invitation-form tbody td input[type="checkbox"] {
  width: 15px;
  margin: 25px 5px 0px;
}
#network-invitations-main #invitation-form textarea {
  width: 100%;
  height: 100px;
}
#network-invitations-main #invitation-form label {
  font-weight: bold;
  font-size: 90%;
}

#network-invitations-main table tbody td {
    padding: 5px 0px;
}
#network-invitations-main table thead th {
    text-align: left;
}
#network-invitations-main table td {
    vertical-align: top;
}

.textile ol, .textile ul {
    list-style-position: inside;
}
.textile ul {
    list-style-type: square;
}
.textile ul ul {
    margin-left: 1em;
}
.textile ul ul ul {
    margin-left: 2em;
}
.textile ol {
    list-style-type: decimal;
}
.textile ol ol {
    list-style-type: lower-alpha;
    margin-left: 1em;
}
.textile ol ol ol {
    list-style-type: lower-roman;
    margin-left: 2em;
}

div#share-url {
    font-weight: bold;
    font-size: 115%;
    margin-top: -7px;
    padding: 0px 5px;
    background-color: #92c9eb;
}
div#share-explain {
    margin-bottom: 25px;
}

select.tri-date_month {
    width: 135px !important;
}

select.tri-date_day {
    width: 47px !important;
}

select.tri-date_year {
    width: 66px !important;
}
.arrow {
    font-weight: bold;
    font-size: 125%;
    padding: 0px 10px;
}

#profile-network-view {
    text-align: center;
}

ul.actions {
  font-size: 95%;
  list-style: none;
  padding-left: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}

ul.actions li a {
  padding: 1px 4px;
  display: block;
  color: #0067b1;
  background-color: transparent;
  border-bottom: 1px solid #0067b1;
  text-decoration: none;
  font-weight: bold;
  width: 125px;
}

ul.actions li a:hover {
  background-color: #0067b1;
  text-decoration: none;
  color: #FFFFFF;
  border-bottom: 1px solid #0067b1;
}

ul.bullets {
  list-style: square;
  padding-left: 10px;
  margin-left: 15px;
  margin-bottom: 20px;
  margin-top: 12px;
}
ul.recos {
    font-size: 11px;
}
ul.recos li {
    clear: both;
    padding: 5px 15px 5px 10px;
    overflow: hidden;
}
ul.recos li img {
    float: left;
    margin-right: 10px;
}
ul.recos blockquote {
    font-style: italic;
}

.filter-options {
  text-align: right;
  margin: 10px 2px;
}
.filter-options a, a.option {
  font-weight: bold;
  padding: 5px 5px;
  margin-left: 10px;
  text-decoration: none;
}
.filter-options a:hover, a.option:hover {
  color: white;
  background-color: #0067b1;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.filter-options a.active {
  cursor: default;
  color: #636363;
}
.filter-options a.active:hover {
  cursor: default;
  color: #636363;
  background-color: white;
}
table#person-list {
    width: 100%;
    table-layout: fixed;
}
table#person-list td {
    padding: 5px 0px 10px;
}
table#person-list .result-image {
    width: 120px;
    padding: 10px 0px 4px 10px;
}
table#person-list .result-details{
    padding-left: 10px;
}
table#person-list .result-details ul.details {
    margin-top: 15px;
}
table#person-list .result-details ul.details  li {
    width: 125px;
    line-height: 15px;
}
table#person-list .result-details ul.jobactions {
    float: right;
}
table#person-list .result-details ul.jobactions li {
    margin-right: 5px;
}

table#person-list .result-actions {
    width: 140px;
}
div.message {
    background-color: #F0F0E0;
    padding: 5px 10px 15px;
    margin: 10px 0px;
}
div.warning {
    background-color: #F0F0F0;
    padding: 15px 10px;
    margin: 15px 0px;
}
.bold {
    font-weight: bold;
}

.dont-forget {
    color: green;
}
.display-none {
    display: none;
}

#dashboard-callout-actions {
    background-color: #EEE;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}
#dashboard-callout-actions div {
    margin: 5px;
    overflow: hidden;
}
#dashboard-callout-actions h3 {
    display: block;
    width: 100%;
    height: 30px;
    font-size: 13px;
    text-align: center;
}
#dashboard-callout-actions h3.dashboard-callout-primary {
    background-color: #1f6591;
    color: #FFF;
}
#dashboard-callout-actions h3.dashboard-callout-secondary {
    background-color: #9fc6df;
    color: #000;
}
#dashboard-callout-actions img {
    float: left;
}
.activity-item {
    font-size: 13px;
}
#footer #logo-sprites li * {
    display: block;
    background-image: url(../images/base/logo-sprites.png);
    background-repeat:no-repeat;
    height: 48px;
    font-size: 0px;
}
#logo-kennan {
    width: 58px;
}
a#logo-firstmateonline {
    width: 126px;
    background-position: -58px 0px;
}
a#logo-firstmateonline:hover {
    background-position: -58px -48px;
}
a#logo-allatsea {
    width: 201px;
    background-position: -184px 0px;
}
a#logo-allatsea:hover {
    background-position: -184px -48px;
}
a#logo-crewlife {
    width: 143px;
    background-position: -385px 0px;
}
a#logo-crewlife:hover {
    background-position: -385px -48px;
}
a#logo-yachtessentials {
    width: 105px;
    background-position: -528px 0px;
}
a#logo-yachtessentials:hover {
    background-position: -528px -48px;
}
a#logo-forcrew {
    width: 135px;
    background-position: -633px 0px;
}
a#logo-forcrew:hover {
    background-position: -633px -48px;
}
td h3 {
    font-size: 14px;
    line-height: 20px;
}
select#id_is_invited {
    width: 570px;
}

.suggestions {
    background-color: #EEE;
    margin: 30px 0px;
    padding: 5px;
    overflow: auto;
}

.search-suggestions {
    margin-top: 0px;
    background-color: transparent;
}

.suggestions h3 {
    text-align: center;
    font-weight: bold;
}

.suggestions h3 a {
    font-size: 100%;
}

.suggestions ul li {
    overflow: auto;
    position: relative;
    display: block;
}
.suggestions a.suggestion-thumb {
    float: left;
    height: 40px;
    width: 30px;
    padding: 5px;
    padding-right: 10px;
    display: block;
}
.suggestions ul li div {
    padding-top: 5px;
}
.suggestions a.suggestion-name {
    font-weight: bold;
    font-size: 90%;
}
.suggestions a.suggestion-accept {
    font-size: 85%;
}
.suggestions a.suggestion-reject {
    display: block;
    font-size: 80%;
    font-weight: bold;
    height: 10px;
    width: 10px;
    margin: 5px;
    text-align: center;
    float: right;
    position: relative;
    border: 1px solid transparent;
}

.suggestions a.suggestion-reject:hover {
    text-decoration: none;
    background-color: #DDD;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-bottom: 1px solid #BBB;
    border-right: 1px solid #BBB;
}

.suggestions .see-all {
    text-align: right;
    display: block;
    font-size: 80%;
}

.suggestions ul.suggestions-col {
    width: 250px;
    float: left;
    background-color: #F0F0F0;
    margin-left: 20px;
}

.admin-confirm-yes a, .admin-confirm-no a {
    display: block;
    margin: 30px;
    float: left;
    width: 50px;
    height: 20px;
    background-color: green;
    color: white;
    text-decoration: none;
    font-size: 120%;
    text-align: center;
}

.admin-confirm-no a {
    background-color: red;
}

.page-navigator {
    text-align: center;
    font-weight: bold;
}

#import-selector ul {
    overflow: auto;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 15px;
}

#import-selector ul li {
    display: inline;
    margin: 35px;
}

.adslot {
    margin: 25px 0px;
}