@charset "utf-8";
/* ------------------------------------------------------------------------------------------------------------ */
/* general reformatting */
* 
{
	margin: 0px;
	padding: 0px;
}
HTML, BODY 
{ 	
	background: #fff;
	width: 100%;
}

HR 
{
	width: 100%;
	background: #d7d7d7;
	border: none;
	height: 1px;
	margin: 20px 0px;
}

INPUT[type=text],INPUT[type=password]
{
	border: 1px solid #d7d7d7;
	width: 200px;
	height: 25px;
	padding: 3px 7px;
	font: normal 13px Arial, Helvetica, sans-serif;
}

INPUT[type=text]:focus,INPUT[type=password]:focus,TEXTAREA:focus
{
	outline:none;
	border-color:rgba(82,236,147,.75)!important;
	box-shadow:0 0 8px rgba(82,236,147,.5);-moz-box-shadow:0 0 8px rgba(82,236,147,.5);-webkit-box-shadow:0 0 8px rgba(82,236,147,.5);
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px;
	width: 100%;
}

.social
{
	margin: 30px 0 0 50px;
}

.social DIV
{
	font: italic normal 11px Arial, Helvetica, sans-serif;
	margin: 5px 0;
	color: #777;
}

.goback
{
	margin: 5px 0 20px 49px;
	font: normal 12px Arial, Helvetica, sans-serif;
}

/* ------------------------------------------------------------------------------------------------------------ */
/* frequently asked questions */

.faqs
{
	list-style: disc;	
	margin: 0 0 0 65px;
}

.faqs LI
{
	font: normal 13px Arial, Helvetica, sans-serif;	
	margin: 6px 0;
}

.faqs LI.heading
{
	list-style: none;
	font: bold 13px Arial, Helvetica, sans-serif;
}

.faqs LI.sep
{
	list-style: none;	
}

.faqs LI A
{
	color: #237664;	
}

.faqs LI A:HOVER
{
	color: #42ad93;	
}

.faqt
{
	margin: 0 49px 30px 49px;
}

.faqt DT
{
	font: bold 14px Arial, Helvetica, sans-serif;
	margin-bottom: 4px;
}

.faqt DD
{
	font: normal 13px Arial, Helvetica, sans-serif;
	line-height: 19px;
}

/* ------------------------------------------------------------------------------------------------------------ */
/* login error container */
.logerror
{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #f00;
	position: absolute;
	left: 50px;
	top: 170px;
}

/* ------------------------------------------------------------------------------------------------------------ */
/* technical support form container */
.tech
{
	
}

.tech TEXTAREA
{
	border: 1px solid #d7d7d7;
	background: #fff;
	margin: 0;

}

.tech DIV
{
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 0 0 3px 1px;
}

.tech DIV EM
{
	font: italic normal 12px Arial, Helvetica, sans-serif;
	color: #096;
}

.tech SPAN
{
	display: block;
	font: italic normal 11px Arial, Helvetica, sans-serif;
	color: #b7b7b7;
	margin: 4px 0 20px 0;
}

.pagecontent DIV.techreturn
{
	margin: 15px 0 0 49px;
	font: normal 13px Arial, Helvetica, sans-serif;
}

/* ------------------------------------------------------------------------------------------------------------ */
/* page container */
.pagewrap
{
	width: 100%;
}

/* ------------------------------------------------------------------------------------------------------------ */
/* header container */
.pagehead
{
	width: 100%;
	height: 49px;
	background: url(../images/shiphazmat-login-back.gif) repeat-x;
}

.pagehead H1
{
	float: left;
	background: url(../images/shiphazmat-login-logo_02.gif) no-repeat;
	width: 232px; 
	height: 49px;
	text-indent: -9999px;
	margin: 0 0 0 50px;
}

.pagehead UL
{
	list-style: none;
	margin-right: 50px;
}

.pagehead UL LI
{
	float: right;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 49px;
	line-height: 48px;
	margin-left: 15px;
}

.pagehead UL LI A
{
	color: #d7d7d7;
	text-decoration: none;
}

.pagehead UL LI A:HOVER
{
	color: #fff;
	text-decoration: underline;
}

/* ------------------------------------------------------------------------------------------------------------ */
/* page container */
.pagecontent
{
	width: 100%;
}

.pagecontent H1
{
	font: normal 35px Arial, Helvetica, sans-serif;
	width: 300px;
	margin: 35px 0 0 48px;
}

.pagecontent H2
{
	font: normal 15px Arial, Helvetica, sans-serif;
	color: #777;
	margin: 10px 0 0 49px;
}

.pagecontent FORM
{
	margin: 45px 0 0 49px;
}

.pagecontent FORM UL
{
	list-style: none;
}

.pagecontent FORM UL LI 
{
	float: left;
	width: 270px;
}

.pagecontent FORM UL LI INPUT[type=submit], .pagecontent DIV INPUT[type=button], .pagecontent .tech INPUT[type=submit]
{
	width: 100px;
	height: 29px;
	border: 1px solid #237664;
	background: #259079;
	padding: 3px 7px;
	margin-top: 14px;
	color: #fff;
	font: bold 12px Arial, Helvetica, sans-serif;
}

INPUT[type=submit]:HOVER, INPUT[type=button]:HOVER
{
	cursor: pointer;
}

.pagecontent FORM UL LI UL
{
	list-style: none;
}

.pagecontent FORM UL LI UL LI
{
	float: none;
	font: normal 12px Arial, Helvetica, sans-serif;
}

.pagecontent FORM UL LI UL LI A, .pagecontent DIV.btw A, .pagecontent DIV A
{
	color: #237664;
	text-decoration: none;
}

.pagecontent FORM UL LI UL LI A:HOVER, .pagecontent DIV.btw A:HOVER, .pagecontent DIV A:HOVER
{
	color: #42ad93;
	text-decoration: underline;
}

.pagecontent FORM UL LI UL LI SPAN
{
	display: block;
	width: 200px;
	margin: 15px 0;
	font: italic normal 12px Arial, Helvetica, sans-serif;
	color: #999;
	line-height: 20px;
}

.pagecontent FORM UL LI UL LI.required
{
	font-weight: bold;
}

.pagecontent HR
{
	width: 850px;
	margin: 30px 0 40px 48px;
	text-align: left;
	background: #e0e0e0;
}

.pagecontent DIV.btw
{
	float: left;
	margin: 0 0 0 50px;
	width: 350px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #4f5a57;
	line-height: 23px;
}

.pagecontent DIV.btw STRONG
{
	display: block;
}

.pagecontent .login3
{
	margin: 30px 0 0 49px;
	font: normal 13px Arial, Helvetica, sans-serif;
	line-height: 18px;
}

.pagecontent .login3 .login3note
{
	font: normal 10px Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	margin-top: 6px;
}

.pagecontent .login3 UL
{
	margin: 20px 0 30px 40px;	
}

.pagecontent .login3 UL LI
{
	
}

.pagecontent .login3 .log3
{
	width: 60px;
	border: 1px solid #237664;
	background: #259079;
	padding: 3px 7px;
	margin-top: 14px;
	color: #fff;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.pagecontent .login3 .log3:HOVER
{
	cursor: pointer;	
}

/* ------------------------------------------------------------------------------------------------------------ */
/* footer container */
.pagefooter
{
	width: 800px;
	margin: 0 0 50px 49px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #aaa;
}

.pagefooter DIV
{
	margin: 0 0 6px 0;	
}

.pagefooter A
{
	color: #aaa;
	text-decoration: none;
}

.pagefooter A:HOVER
{
	color: #aaa;
	text-decoration: underline;
}

/* -------------------------------------------------------------------------------------- */
/* MEMBER LOGIN HEADER ------------------------------------------------------------------ */
.header {
	width: 100%;
	height: 60px;
	background: #2a2b2e;
	border-bottom: 3px solid #237664;
}

.header DIV {
	width: 49%;
	float: left;
}

.header DIV H1 {
	font: bold 25px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 18px 0px 0px 25px;
	line-height: 30px;
	letter-spacing: -0.05em;
	float: left;
}

.header DIV H1 SPAN {
	color: #666;	
}

.header DIV H1 SUP {
	font: normal 15px Arial, Helvetica, sans-serif;
}

.header DIV UL {
	list-style: none;
	font: normal 12px Arial, Helvetica, sans-serif;
}

.header DIV UL LI {
	float: right;
	margin: 22px 15px;
}

.header DIV UL LI A {
	color: #d7d7d7;
	text-decoration: none;
}

.header DIV UL LI A:HOVER {
	color: #fff;
	text-decoration: underline;
}

.clr {
	clear: both;	
}

/* -------------------------------------------------------------------------------------- */
/* MEMBER LOGIN BOX --------------------------------------------------------------------- */

.login {
	margin: 25px;
	width: 400px;
	height: 300px;
	background: #fff;
	border: 1px solid #237664;
}

.loginNote {
	background: #fbfdd7;
	border: 1px solid #d8df4a;
	padding: 4px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #cfa523;
	margin: 15px;
}

.loginText {
	font: bold 12px Arial, Helvetica, sans-serif;	
	margin-left: 15px;
}

.loginField {
	margin: 3px 0px 15px 15px;	
}

.loginField INPUT {
	width: 250px;	
	height: 31px;
	font: normal 16px Arial, Helvetica, sans-serif;
	line-height: 29px;
	padding-left: 5px;
	vertical-align: middle;
}

.loginButton {
	margin: 0px 0px 0px 15px;
	width: 100px;
	height: 28px;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.loginbox {
	background: url(../images/2010-loginbox.gif);
	width: 410px;
	height: 314px;
	margin: 20px 20px;
}

.loginbox SPAN {
	display: block;
	width: 350px;
	font: bold 13px Arial, Helvetica, sans-serif;
	margin-left: 20px;
}

.lfield {
	background-image: url(../images/login/09-loginbox.gif);
	width: 309px;
	height: 35px;
	margin: 3px 0px 15px 20px;
	
}

.lfield INPUT {
	height: 31px;
	width: 275px;
	background: none;
	border: none;
	font: normal 17px Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px -10px;
	padding: 7px 7px 0px 0px;
}

.lw {
	margin: 27px 20px 20px 20px; 
	background-color:#FBFDD7;
	border:1px solid #D8DF4A; 
	width:350px; 
	padding:4px; 
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#CFA523;
	display: block;
	text-align:left;
}

.button {
	background: url(../images/2010-button.gif) no-repeat;
	width: 146px;
	height: 34px;
	border: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0px 0px 0px 20px;
}

.button1 {
	background: url(../images/2010-button.gif) no-repeat;
	width: 146px;
	height: 34px;
	border: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0px;
}

.fp {
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 15px 0px 0px 15px;
}

.fp A {
	color: #237664;
	text-decoration: none;
	border-bottom: dotted 1px #237664;
}

.fp A:HOVER {
	color: #033;
	text-decoration: none;
	border-bottom: dotted 1px #033;
}

FORM {
	font: normal 13px Arial, Helvetica, sans-serif;	
}

#em {
	margin: 0px 0px 10px 24px;
	display: none;
}

#em INPUT {
	background: #E2E2CF;
	font: normal 16px Arial, Helvetica, sans-serif;
	height: 30px;
	line-height: 24px;
	padding-left: 5px;
	width: 300px;
}

#un {
	margin: 0px 0px 10px 24px;
	display: none;
}

#un INPUT {
	background: #E2E2CF;
	font: normal 16px Arial, Helvetica, sans-serif;
	height: 30px;
	line-height: 24px;
	padding-left: 5px;
	width: 300px;
}

#cn {
	margin: 0px 0px 10px 24px;
	display: none;
}

#cn INPUT {
	background: #E2E2CF;
	font: normal 16px Arial, Helvetica, sans-serif;
	height: 30px;
	line-height: 24px;
	padding-left: 5px;
	width: 300px;
}

.errormsg {
	width: 100%;
	border: 1px solid #f00;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #f00;
	padding: 7px;
	margin-bottom: 10px;
	background: #FFF2F2;
}

/* -------------------------------------------------------------------------------------- */
/* MEMBER LOGIN SERVER STATUS ----------------------------------------------------------- */

.server {
	position: absolute;
	top: 90px;
	left: 500px;
}

.server DL {
	margin: 0;
	padding: 0;
}

.server DL DT {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.server DL DD {
	margin: 0px 0px 20px 0px;
	padding: 0;
}

.sstatus {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #093;
}

.stime {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/* -------------------------------------------------------------------------------------- */
/* MEMBER LOGIN FOOTER ------------------------------------------------------------------ */

#footer {
	height: 40px;
	background: #d5d5d5;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 40px;
	padding-left: 20px;
}

#footer A {
	color: #666;
	text-decoration: none;
}

#footer A:HOVER {
	color: #666;
	text-decoration: underline;
}

/* -------------------------------------------------------------------------------------- */
/* MEMBER LOGIN ERRORS ------------------------------------------------------------------ */

.error {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #f00;
	margin: 15px 0px 0px 20px;
}

/* -------------------------------------------------------------------------------------- */
/* SUPPORT CONTENT ---------------------------------------------------------------------- */

.content {
	width: 91%;
	margin: 20px;
	background: #fff;
	border: 1px solid #d7d7d7;
	padding: 20px;
	margin-bottom: 60px;
}

.content H1 {
	font: bold 26px Arial, Helvetica, sans-serif;	
	letter-spacing: -0.05em;
	margin: 0px 0px 6px 0px;
}

.content SPAN {
	font: normal 15px Arial, Helvetica, sans-serif;	
	line-height: 20px;
}

.content SPAN STRONG {
	font-size: 18px;
	font-weight: normal;
}

.content SPAN A {
	color: #237664;
	text-decoration: none;
	border-bottom: dotted 1px #237664;
}

.content SPAN A:HOVER {
	color: #033;
	text-decoration: none;
	border-bottom: dotted 1px #033;
}

.s1 {
	font: bold 14px Arial, Helvetica, sans-serif;	
}

.s1 EM {
	font-weight: normal;
	font-size: 12px;
	color: #093;
}

.s2 {
	font: italic normal 11px Arial, Helvetica, sans-serif;
}

.tfield {
	background: #E2E2CF;
	font: normal 16px Arial, Helvetica, sans-serif;
	height: 25px;
	line-height: 24px;
	padding-left: 5px;
	margin-bottom: 25px;
}

TEXTAREA {
	background: #e2e2cf;
	font: normal 16px Arial, Helvetica, sans-serif;
	height: 80px;
	margin-bottom: 25px;
	width: 700px;
}

.bsubmit {
	height: 27px;
	width: 100px;
}

.return {
	font: normal 11px Arial, Helvetica, sans-serif;	
	margin-bottom: 15px;
}

.return A {
	color: #237664;
	text-decoration: none;
	border-bottom: 1px dotted #237664;
}

.return A:HOVER {
	color: #033;
	text-decoration: none;
	border-bottom: 1px dotted #033;
}

.content UL {
	margin: 2px 0px 20px 20px;	
	font: normal 13px Arial, Helvetica, sans-serif;
}

.content UL LI {
	line-height: 25px;
}

.content UL LI A {
	color: #237664;
	text-decoration: none;
	border-bottom: 1px dotted #237664;
}

.content UL LI A:HOVER {
	color: #033;
	text-decoration: none;
	border-bottom: 1px dotted #033;
}

.q {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #237664;
	margin-bottom: 4px;
}

.a {
	font: normal 13px Arial, Helvetica, sans-serif;
	line-height: 22px;
	margin-bottom: 35px;
}

/* HOME PAGE Styles ------------------------------------------------------------------------------------------------------------------------------------ */
H1.htext10		{	font-family:Arial;
					font-size:20px;
					font-weight:bold;
					color:#ffffff;
				}
DIV.hbody10		{	font-family:Arial;
					font-size:12px;
					font-weight:normal;
					color:#ffffff;
				}
TD.picBack		{	background-image:url(../images/home/shh09_09.gif);
					background-repeat:repeat-x;
					width:100%;
					height:241px;
				}
TD.picSubBack	{	background-image:url(../images/home/shh09_11.gif);
					background-repeat:repeat-x;
					width:100%;
					height:79px;
				}
DIV.menus10		{	position:absolute; 
					display:none;
					font-family:Tahoma; 
					font-size:10px; 
					font-weight:normal; 
					color:#63726d; 
					font-style:normal;
					background-color:#ffffff; 
					border:1px solid #4d4f49;
					border-top:0px; 
					padding:7px;
					cursor:pointer;
				}
TD.choice		{	font-family:Arial; 
					font-size:14px; 
					font-weight:bold; 
					color:#489373; 
					padding-top:10px; 
					padding-bottom:10px; 
					padding-left:10px; 
					cursor:hand; 
				}
DIV.click		{	color:#013c36; 
					font-weight:bold; 
					font-family:Arial; 
					font-size:11px; 
				}
TD.m_feat		{	font-family:Arial;
					font-size:14px;
					font-weight:normal;
					font-style:normal;
					color:#333333;
					padding:8px;
					padding-left:15px;
					border-bottom:1px solid #d9d9d9;
				}
TD.m_feat1		{	font-family:Arial;
					font-size:14px;
					font-weight:normal;
					font-style:normal;
					color:#333333;
					padding:8px;
					padding-left:15px;
					border-bottom:1px solid #d9d9d9;
					border-top:1px solid #d9d9d9;
				}
DIV.m_f_sb		{	font-family:Arial;
					font-size:12px;
					font-weight:normal;
					color:#7d8076;
					padding-top:10px;
					line-height:18px;
				}
TD.m_newsh		{	font-family:Arial;
					font-size:16px;
					font-weight:normal;
					color:#91948b;
					padding-left:3px;
				}


A:LINK.menu1		{	color:#237664; text-decoration:none; }
A:VISITED.menu1		{	color:#237664; text-decoration:none; }
A:HOVER.menu1		{	color:#237664; text-decoration:none; }	
A:LINK.cpf			{	color:#000000; text-decoration:none; }
A:VISITED.cpf		{	color:#000000; text-decoration:none; }
A:HOVER.cpf			{	color:#000000; text-decoration:underline; }
A:VISITED.menu1		{	color:#237664; text-decoration:none; }
A:HOVER.menu1		{	color:#237664; text-decoration:none; }	
A:LINK.mft			{	color:#237664; text-decoration:none; font-weight:bold; }
A:VISITED.mft		{	color:#237664; text-decoration:none; font-weight:bold; }
A:HOVER.mft			{	color:#237664; text-decoration:underline; font-weight:bold; }

/* ---------------------------------------------------------------------------------------------------- */
/* demo stuff */

.demo {
	padding: 5px;
	margin: 15px;
	width: 800px;
	background: #fff;
	border: 1px solid #d8d8d8;
}

.demo DIV TABLE TR TD {
	font: normal 12px Arial, Helvetica, sans-serif;
	padding-top: 15px;
}

.demo DIV TABLE TR TD SPAN {
	font-size: 10px;
	font-style: italic;
	color: #f00;
}

.dfield {
	font: normal 14px Arial, Helvetica, sans-serif;
	height: 28px;
	line-height: 23px;
}