/*======== Screen layout ========*\
Ver 1.0  Noel Parato  2009-08-07      BG: #f0f0f0, (or #0f1417) FG: #0f0f0f, f8f8f8, (or #586877) ; Text: #1f007f, #3f007f, #5f007f; Opp: #ff9f00
\*-------- Screen layout --------*/

/*~~~~~~~~ Splash ~~~~~~~~*/
/*~~~~~~~~ Background layout ~~~~~~~~*/
body {
	background:#f0f0f0 url('../img/bg_under-v2.jpg') repeat-x fixed;
	margin:0px;
	padding:0px;
	font-size:100%;
	text-align:center;
}
/*~~~~~~~~ Content layout ~~~~~~~~*/
.Contents {
	width:750px;
  margin-top:4px;
  margin-bottom:4px;
  margin-left:auto; /* these 2 'auto' are needed to center the block */
  margin-right:auto;
	padding:18px 0px 0px 0px;
	background:#f8f8f8 url('../img/nn_banner-v1b.png') repeat-x;  /*../img/nn_banner-v2.png color #cb5500*/
	text-align:left;
}
/*~~~~~~~~ Standard Header~~~~~~~~*/
.StdHdr {
	width:700px;
  margin:0px 25px 0px 25px;
	text-align:left;
}
.Nnlogo {
	margin:0px;
	padding:0px;
	position:relative;
	left:25px;
/*	top:50px;*/
}
.Dialect {
	margin:6px 0px 0px 0px;
	color:#3f007f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:italic;
}
/*~~~~~~~~ Top Menu ~~~~~~~~*/
.Toptabs {
	margin:0px 50px 0px 0px;
	padding:0px;
	clear:both; 
	text-align:right;
	font-style:normal;
}
.Toptab {
	margin:0px; 
	padding:7px 10px 10px 10px; /* don't change */
	color:#0f0f0f;
	background-color:#bbbbbb;
	text-decoration:none;
}
.Toptab:hover {
	color:#0d0d0d;
	background-color:#dddddd; 
}
.active {
	color:#0f0f0f;
	background-color:#f8f8f8; 
}
.active:hover {
	color:#0d0d0d;
	background-color:#f8f8f8; 
}
.hide {
	display:none;
}
/*~~~~~~~~ Container layout ~~~~~~~~*/
.Tbl {
	margin:5px 25px 25px 25px;
	padding:0px;
	border-width:0px;		
	text-align:left;
}
.TblCol_Spcr {
	width:25px;
}
.TblCol_1 {
/*	padding-bottom:20px; */
	width:400px;
	height:20px;
	vertical-align:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
/*	border:1;*/
}
.TblCol_2 {
	width:300px;
	vertical-align:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.TblCol_lone {
	width:700px;
	vertical-align:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
/*~~~~~~~~ Sub-menu layout ~~~~~~~~*/
.SubMenu {
	margin-top:6px 0px 10px 25px;
}
/*~~~~~~~~ Table layout ~~~~~~~~*/
.TrkTd {
	width:150px;
	height:20px;
	padding:0px;
	margin:0px;
	border:1;
	valign:middle;	
	text-align:center;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.TrkTdSm {
	width:50px;
	height:20px;
	padding:0px;
	margin:0px;
	border:1;
	valign:middle;	
	text-align:middle;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
}
select, input, textarea {
	width:190px;
	border:2;
	background:#d09a6b;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0d0d0d;
}
h1, h2, h3, h4, p {
	margin-top:6px;
	margin-bottom:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	padding-top:20px;
	padding-bottom:5px;
	color:#1f007f;
	font-size:18px;
}
h2 {
	padding-top:15px;
	padding-bottom:5px;
	color:#10007f;
	font-size:16px;
}
h3 {
	padding-top:0px;
	padding-bottom:0px;
	color:#0f007f;
	font-size:14px;
}
h4, p {
	padding-top:0px;
	padding-bottom:0px;
	color:#0f0f0f;
	font-size:12px;
}
/*~~~~~~~~ Highlighted box ~~~~~~~~*/
.StdBoxed {
	margin:12px 0px 12px 0px;
/*	border:4px ridge #d09a6b;
	border:2px dotted #AA0000;
	border:8px outset #00ff00;*/
	padding:12px;
	background-color:#00ff00; 
	vertical-align:middle;
	text-align:center;
	text-shadow:#00cc00 0.1em 0.2em 0.1em;
	text-color:#cc0000;
	font-size:16px;
	font-style:italic;
}
/*~~~~~~~~ Shipment status and map ~~~~~~~~*/
.SearchResult {
	margin:12px 0px 12px 0px;
	border:0;
	text-align:left;
}
.KeyId {
	font-size:xx-small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*~~~~~~~~ Google Map ~~~~~~~~*/
.GmapImg {
	margin:4px 30px 4px 4px;
	padding:0px;
}
/*~~~~~~~~ Multi-column ~~~~~~~~*/
.St_Cont {
	height: 100%;
	margin-top:6px;
	margin-bottom:0px;
	padding: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}
.St_Col_full {
	margin: 0 0px 0 10px;
	width: 100%;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}
.St_Col_hlvs {
	margin: 0 0px 0 10px;
	width: 45%;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}
.St_Col_trds {
	margin: 0 0px 0 10px;
	width: 31%;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}
.St_Col_qtrs {
	margin: 0 0px 0 10px;
	width: 22%;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}
.NoteFonts {
	margin: 0;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
}
/*~~~~~~~~ Standard Footer ~~~~~~~~*/
.StdFtr {
	padding:8px;
	background-color:#d09a6b;
	text-align:center;
	font-size:xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*~~~~~~~~ End of Stylesheet ~~~~~~~~*/