@import "/resources/css/reset.css";
@import "/resources/css/form.css";
@import "menu.css";
@import "blog.css";
@import "/resources/css/datepicker.css";

/* ---------- HTML TAGS ---------- */
html {overflow-y:scroll;}
body {background:#cccccc url(images/bg-body.png) repeat-x top;margin:0 0 20px 0;font:normal 12px Arial, sans-serif;line-height:20px;}

a img {border:none;}
a {color:#c62124;text-decoration:none;}
a:hover {color:#c62124;text-decoration:underline;}
p {margin:0 0 16px 0;padding:0;}
strong {font-weight:bold;}
li {list-style-type:square;}

h1 {
font:bold 22px Helvetica, Arial, Sans-Serif;
color:#151c54;
margin:0px 0px 14px 0px;
padding:0px;
}

h2 {
font:bold 18px Arial, Helvetica, Sans-Serif;
text-align:left;
height:13px;
padding:10px 0px 10px 0px;
color:#151c54;
margin:0;
/* background:url(images/bg-h2.png) repeat-x top; */
}

/* ---------- STANDARD CONTAINER ELEMENTS ---------- */
#container {
margin: 0 auto;
background-color: #ffffff;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
width: 960px;
}

#header {
background:url(images/bg-header.png) repeat-x top;
float:left;
width:960px;
}

#search-wrapper {
margin-top:3px;
text-align:right;
}

#content {
background-color: #ffffff;
font-size:12px;
line-height:20px;
float:left;
color:#333;
padding:18px;
width:924px;
min-height:400px;
height:auto !important;
height:400px;
}

#footer {
background:#e9edfb;
height:120px;
width: 920px;
line-height:22px;
padding: 0px 20px 16px 20px;
text-align:left;
color:#333333;
}

#footer a {font-weight:bold;}
#footernav {float: right;text-align:right;}
#footernav a {margin:0px 3px;}
#footerimages {float:left;width:150px;margin:24px 28px 0px 0px;}
#copyright {padding-top:26px;}


/* ---------- STANDARD CLASSES ---------- */
.line {border-bottom:solid 1px #EEE;margin:24px 0;}
.clr, .clear {clear:both;}
.search-score {border:1px solid #CCC;width:100px;height:10px;background-color:#FFF}
.search-relevance {border:none;height:10px;background-color:#e9edfb}
.rss {background:url(/resources/images/icon-rss.png) no-repeat center left;padding:2px 0px 2px 20px;display:inline;color:#e97d0d;}
.twitter {background:url(/resources/images/twitter.png) no-repeat center left;padding:2px 0px 2px 20px;color:#5bc8e6;display:inline;margin-right:12px;}
.facebook {background:url(/resources/images/facebook.png) no-repeat center left;padding:2px 0px 2px 20px;color:#3b5998;display:inline;margin-right:12px;}
.linki {display:inline;margin:0px 20px 0px 0px}

/* ---------- TEMPLATE SPECIFIC CONTAINER ELEMENTS ---------- */
#breadcrumb {
float:left;
width:928px;
background:#e9edfb;
color:#666666;
height:35px;
line-height:35px;
padding:0px 18px 0px 14px;
border-bottom:1px solid #cccccc;
font-size:9px;
}

#slideshow {
float:left;
width:773px;
height:136px;
background:#ffffff;
}

#response {float:right;}
#recaptcha-response {float:left;color:red;}
#slideTop {margin-bottom:16px;}

#search-wrapper input:focus {border: 1px solid #d5d5d5;}

#blog-summary {padding-top:5px;}
#blog-summary .title {color:#151c54;font:bold 12px Arial, Helvetica, Sans-Serif;}


/* ---------- TEMPLATE SPECIFIC CLASSES ---------- */
#crew-management {height:120px;width:238px;float:left;padding:0px 200px 10px 10px;border:1px solid #CCC;background:#e9edfb url(images/crew-management.jpg) no-repeat top right;margin-right:24px}
#crew-recruitment {height:120px;width:238px;float:left;padding:0px 200px 10px 10px;border:1px solid #CCC;background:#e9edfb url(images/crew-recruitment.jpg) no-repeat top right;}
#crew-management:hover {background:#FFF url(images/crew-management.jpg) no-repeat top right;}
#crew-recruitment:hover {background:#FFF url(images/crew-recruitment.jpg) no-repeat top right;}
#crew-management a, #crew-recruitment a, .arrow {display:block;background:url(images/arrow.png) no-repeat center left;padding:0px 0px 0px 10px;margin-top:8px;color:#c62124;font-weight:bold;}

#box {width:902px;padding:6px 10px 10px 10px;border:1px solid #CCC;background-color:#e9edfb}

#box-philippines {width:902px;padding:6px 10px 10px 10px;border:1px solid #CCC;background:#e9edfb url(/content/deltamarine/meco-manning.jpg) no-repeat bottom right;min-height:164px;height:164px;}



/* ---------- BUTTON CLASSES ---------- */
.button {font:bold 12px Arial;color:white;border:none;text-align:left;}
.submit-button {background:url(images/bg-button.png) no-repeat top;height:28px;width:148px;padding-left:22px;}

.submit-search {float:left;background:url(images/bg-search.png) no-repeat top;height:30px;width:30px;border:none;}
.submit-search:hover {background:url(images/bg-search-hover.png) no-repeat top;}

/* ---------- TABLES ---------- */
.mytable {border:0px;width:75%;background-color:#FFF}
.mytable tr {background-color:#FFF}
.mytable th {background-color:#EEE;font-weight:bold;padding:6px;}
.mytable td {background-color:#FFF;padding:6px;border-bottom:1px solid #EEE}
