@import url('form_shared.css');


#mariner-login-form {
    background-color: #cf591d;
    color: #fff;
    padding: 10px 10px 2px;
    width: 315px;
    margin-bottom: 25px;
}

#mariner-login-form h2 {
    font-size: 18px;
    font-weight: normal;
    margin-top: 0;
}

#mariner-login-form label {
	display: block;
	float: left;
	width: 90px;
	font-size: 13px;
}

#mariner-login-form input.text {
	height: 1em;
	padding: 2px;
	border: 1px solid #09274f;
}

#mariner-login-form div {
	padding: 0 0 8px 0;
}

#mariner-login-form input.submit {
    margin-left: 5px;
}

#mariner-login-form a {
    color: #fff;
}

#mariners-copy h1 {
    font-size: 14px;
}

#mariners-copy {
    float: left;
    width: 220px;
    margin-right: 10px;
    font-size: 14px;
}

#mariners-copy a {
    color: #09254D;
}

#status-boxout {
	margin: 0px 5px 5px 5px;
 	background: #f3f4f4;
 	float: left;
 	padding: 5px;
 	width: 460px;
}

#status-boxout h2,
.points-container h3 {
    margin-top: 0;
}

.points-container {
    background-color: #96d2ec;
    float: left;
    width: 110px;
    padding: 5px 5px 2px;
    height: 205px;
}

.tab-area {
    float:left;
    width:232px;
    padding:0;
    background:transparent url(../img/tab_area_bg.gif) no-repeat top left
}

.tab-area h3 {
    font-weight:normal;
    font-size:1em;
}

.tab-area .details {
    float:left;
    clear:both;
    width:208px;
    padding:0 12px 12px 12px;
    background:#fff url(../img/tab_area_detail_bg.gif) no-repeat bottom

}

.tab-area .details img {
    float:right;
    margin-left:5px;
    margin-bottom:5px;
    display:inline
}

.tab-area .details .warning-high {
    color:
}
.tab-area .details img.icon {
    float:left;
    margin:0 5px 5px 0
}

#content .tab-area .details form {
    margin:0;
    width:200px
}

.tab-area h2{
    float:left;
    width:220px;
    padding:0 0 0 12px;
    margin:0;
    background:transparent url(../img/tab_area_h_bg.gif) no-repeat 12px bottom;
}
.tab-area h2 span {
    float:left;
    padding-top:12px;
    padding-right:24px;
    background:transparent url(../img/tab_area_inner_bg.gif) no-repeat right top;
    margin-bottom:15px
}

#teasers {
    margin: 0 0 5px 5px;
    width: 125px;
    float: left;
}
#teasers img {
    margin-bottom:1px
}

#mariners-teasers {
    clear: both;
    float: left;
    margin-top: 30px;
}

.mariners-teaser {
    float: left;
    width: 309px;
    margin-right: 16px;
    background-position: 0 -120px;
}

.mariners-teaser img {
    float: left;
}

.mariners-teaser .teaser-inner {
    padding: 8px 0;
    border-top: 1px solid #d36f23;
    color: #fff;
    height: 55px;
    float: right;
    width: 190px;
}

.mariners-teaser .teaser-inner h2 {
    margin: 0 0 5px;
    font-size: 1.38em;
    font-weight: bold;
    padding: 0 9px;
    background-position: 0 3px;
}

#content .mariners-teaser .teaser-inner h2 a {
    color: #fff;
    text-decoration: none;
}

.mariners-teaser .teaser-inner p {
    font-size: 0.93em;
    margin: 0;
}

.mariners-teaser .teaser-inner h2,
.mariners-teaser .teaser-inner p {
    padding: 0 9px;
}

.mariners-teaser.last-item {
    margin: 0;
}

#mariner-workHistory .certificate-info {
    margin-top: 20px;
}

#mariner-workHistory .certificate-info td {
    font-size: 0.95em;
}

#work-history {
    clear:both
}

#work-history th, #work-history td {
    padding:2px;
}
#work-history .date-row th {
    font-weight:normal;
    color:#0D4E93;
    border-top:1px solid #ddd
}

.personal-info {
    margin-bottom:20px
}
.personal-info th, .personal-info td {
    padding:0.3em
}
.personal-info th {
    text-align:left;
    padding-left:0
}

#notification {
    text-align:left;
    width:210px;
}

#notification p {
    font-size:1em;
    margin:0;
    padding:0.1em;
    line-height:1.2;
    text-align:left;
}

img.left{
	text-align:left
}

#notification h3 {
    margin:0;
    padding:0.1em;
    text-align:left;
}

#notification em {
    font-style:normal;
    color:#05a6ba;
    text-align:left;
}

#content #notification input {
    font-size:0.9em;
    margin:5px 0
}

ul#benefits {
    margin: 0;
    padding: 0;
}

ul#benefits li {
    float: left;
    list-style: none outside none;
    margin: 0 0 10px 0;
    padding: 0;
}

ul#benefits .detail {
    float: right;
    width: 435px;
    padding: 0 0 0 15px;
}

ul#benefits .detail h3 {
    margin-top: 0;
}