@import url("/nlincs/css/main.css");

body {
	background:#e3e3e3 url("../images/bg.gif");
	padding:0;
	font-family:arial,verdana,sans-serif;
	color:#333;
	width:100%;
	min-width:760px;
	margin:0 auto;
	position:relative;
	}

#wrap1, #top {
	margin:0  auto;
	background:transparent url("../images/top1.png") top left repeat-x;
	}

#wrap2 {
	background:transparent url("../images/top2.png") top right no-repeat;
	}


#content {
	margin:0 auto;
	background:#fff url("../images/shadow.gif") top left repeat-x;
	padding:15px 1%;
	max-width:100%;
        min-width:760px;
	width:98%;
	font-size:0.9em;
	}
	
#content h1 {	font-size:medium; font-weight:bold;
				background: url("/images/h1.gif") bottom left no-repeat;
				border-bottom:1px solid #ccc; 
				/*border-top:1px solid green; */
				padding:0.25em 0 0.1em 20px; /* move the border slightly away from the text */ 				margin:0; }

#Content .p_bordered{
				font-size:small;
				border:1px solid #666;
				background-color:#FFFFCC;
				padding:1em;
				margin:0.6em 0.2em;
}
#Content p{
				border:0;
				padding:1em 7px 0em 7px;
				margin:0;
}
#Content ul{
	list-style: none;
	margin:0;
	xmargin-left: 2em;
        margin-left: 10%;
	padding: 0;
	border:0;
	clear: both;
	xtext-align: center;

}

 li.arrow{
	background-image: url('../images/arrow.gif');
	background-position:top;
	background-position:left;
	background-repeat: no-repeat;
	background-position: 0 50%;
        background-position: 0 5px;
	padding: 3px 0 3px 20px;
	margin: 0;
	}

#top {
	height:84px;
	margin-LEFT: 10px
	}
/* top menu list*/

#menu {
	clear:both;
	border-bottom:1px solid #999;
	margin:0;
	width:100%;
	height:28px;
        min-width:760px;
	}

#menu li {
	margin:0;
	padding:0;
	float:left;
	}

#menu ul a:link, 
#menu ul a:visited {
	display:block;
	line-height:28px;
	border-left:1px solid #7e7e7e;
	background:#eee url("../images/menu.gif");
	text-align:center;
	color:#000;
	font-size:small;
	font-weight:100;
	text-decoration:none;
	padding:0 10px;
	}

#menu ul a span {
	display:block;
	width:100%;
	height:28px;
	border-left:1px solid #fff;
	}

#menu ul a:hover, 
#menu ul a:active, 
#menu ul a.selected {
	cursor:pointer;
	background-color:#ddd;
	background-position:100% -36px;
	}


#menu ul, ul.nobullets{
	margin:0;
	padding:0;
	list-style:none;
	}

form, .nomarg {
	margin:0;
	padding:0;
	}

.nomarg li {
	margin:4px 0;
	padding:0;
	}

.pad {
	padding:10px;
	}
	

ul.pad {
	padding:12px 0 0 2px;
	}

.grey {
	color:#888;
	}

.right, #footer span, .col2, .col2-lines {
	float:right;
	}

#footer {
	clear:both;
	margin-top:20px;
	text-align:center;
	color:#444;
	border-top:1px solid #ccc;
	}

#footer p {
	font-size:0.8em;
	margin:0;
	}

#footer a {
	color:#444;
	}


ul.TabbedMenu { margin:0 auto;
				width:100%
				padding:0;		
					
		   		list-style:none; }
ul.TabbedMenu li { float:left;
			 	background: url(../images/tab_r1_c1.jpg) top left no-repeat;
		   		margin:0; 
				border:0;
				border-bottom:1px groove #eee;
				padding:0 0 0 14px; /* the graphic is 14px wide */ }
ul.TabbedMenu li a:link,
ul.TabbedMenu li a:visited  { text-decoration:none; display:block;
			 background: url(../images/tab_r1_c2.jpg) top right no-repeat;
			color:#000000;
			text-align:center;
			font-size:small;
			 margin:0; 
			 border:0; 
			 padding:0.3em 16px 0.2em 2px;
			xline-height:1.5; }
ul.TabbedMenu li a:hover, 
ul.TabbedMenu li a:active {       text-decoration:underline; 
								color:#fc0; 		   		margin:0; 
				border:0; }
ul.TabbedMenu li.CrumbTrail {    background: url(../images/tab_selected_r1_c1.jpg) top left no-repeat;		   		margin:0; 
				border:0;  }
ul.TabbedMenu li.CrumbTrail a:link,
ul.TabbedMenu li.CrumbTrail a:visited {  background: url(../images/tab_selected_r1_c2.jpg) top right no-repeat;color:green; 		   		
				margin:0; 
				border:0;  }
ul.TabbedMenu li.CrumbTrail .p_crumb { 
			text-align:center;
			background: url(../images/tab_selected_r1_c2.jpg) top right no-repeat;
			font-size:small;
			 margin:0; border:0; padding:0.3em 16px 0.2em 2px;
 }

#side {
	float:right;
	width:198px;
	max-width:27%;
	margin:0;
	}

#side .pad {
	padding:5px 0;
	}

#side h2, #side h3 {
	clear:both;
	font-size:1em;
	line-height:147%;
	margin:10px 0 5px 0;
	padding:0 5px;
	}

.small, .note, .SMALL_TEXT {
	font-size:0.8em;
	}

.section {
	clear:both;
	margin-top:20px;
	border-top:1px solid #ccc;
	}

.section h1 {
	margin:10px 0;
	}

.spaced {
	margin-left:5px;
	}

.pagenav {
	float:right;
	font-size:0.8em;
	text-align:center;
	margin:0;
	}

.pagenav span {
	display:block;
	font-weight:bold;
	font-size:0.9em;
	}

.col1, .col1-lines, .col2, .col2-lines {
	width:48%;
	margin-top:10px;
	}

.col1, .col1-lines {
	clear:both;
	float:left;
	}

.col1 h2, .col2 h2, .col1 h3, .col2 h3, .col1-lines h2, .col2-lines h2, .col1-lines h3, .col2-lines h3 {
	margin-top:10px;
	font-size:0.76em;
	}

.col1-lines, .col2-lines {
	border-top:1px solid #ccc;
	padding-top:10px;
	}

table {
	width:100%;
	font-size:0.9em;
	border-collapse:collapse;
	}
.summary {
	width:250px;
	font-size:0.8em;
	border-collapse:collapse;
	}
.summary td{
width:25px;
border: 1px solid #fff;
text-align:center;
	}
#main.nosidebar table {
	width:100%;
	}

table.auto {
	width:auto;
	margin-top:12px;
	}


.grid td {
	border-collapse:collapse;
	padding:2px 5px;
	border:1px solid #aaa;
	}

.grid th {
	background:#31688e;
	padding:2px 5px;
	color:#fff;
	}

.form td, .form th {
	background:#f3f3f3;
	padding:5px;
	border-collapse:collapse;
	border:1px solid #fff;
	}

.form th {
	background:#eee;
	}

	
.form th.blue {
	background:#31688e;
	color:#fff;
	font-size:0.9em;
	padding:3px 5px;
	margin:0;
	}	

.green {
	color:#181;
	}
.green_bold {
        color:#181;
	font-weight: bold;
        }
.orange {
        color:#f60;
        }
.orange_bold {
        color:#f60;
        font-weight: bold;
        }
.red {
        color:#f00;
        }
.red_bold {
        color:#f00;
        font-weight: bold;
        }
.maroon {
        color:#c06;
        }
.maroon_bold {
        color:#c06;
        font-weight: bold;
        }


.bigblue {
	color:#4A75A5;
	font-size:1.5em;
	padding:3px 5px;
	margin:0;
	}
dt {
	margin:0;
	}

dd + dt, h1 + ul {
	margin-top:15px;
	}

dd {
	margin:5px 0 5px 10px;
	}

dl.list dt {
	font-weight:bold;
	display:inline;
	float:left;
	clear:left;
	margin:0;
	padding:0.2em 1em 0.2em 0;
	}

dl.list dd {
	padding:0.2em 0;
	}



p.heshesaid {
	font-size:0.8em;
	margin:0 0 10px 0;
	padding:0 33px 0 0;
	text-align:right;
	}

.hide, .handheld, .projection, #sub span {
	display:none;
	}


li#myopera span {
	border-right:1px solid #7e7e7e;
	}


#srch {
	float:right;
	width:308px;
	height:30px;
	text-align:center;
	background:transparent url("../images/top3a.png") top left no-repeat;
	}


#quote {
	margin-top: 10px;
	width:370px;
	margin-left:30px;
	}
	
#lang {
	width:300px;
	text-align:right;
	padding-top:12px;
	}

#lang img {
	margin:0 0 -6px 7px;
	}

.icon {
	margin:0 5px -4px 0;
	}

ul.col {
	margin-top:-4px;
	margin-bottom:4px;
	width:140px;
	float:left;
	}

.btn {
	clear:left;
	}

#col2 {
	clear:both;
	background:#fff;
	padding-bottom:10px;
	width:100%;
	/*border-bottom:1px solid #aaa;*/
	}

.c0 {
	width:99%;
	max-width:99%;
	min-width:80%;
	float:left;
	background:#fff;
	}

/*  used for two column space*/
.c1 {
	width:49.5%;
	max-width:70%;
	min-width:30%;
	float:left;
	background:#fff;
	}

.c1 img{
	margin-left: 0;
	padding-left:0; 
}

.c2 {
	width:49.5%;
	max-width:70%;
	min-width:30%;
	float:right;
	background:#fff;
	}

.c2 img {
	margin:0 7px;
	}

.c2 div {
	clear:both;
	margin:7px 0;
	border-top:1px solid #aaa;
	}

#col2 h2 {
	margin:0;
	background:#eee url(../images/h2bg.gif) top left;
	line-height:26px;
	font-size:1em;
	padding-left:7px;
	}

#col2 p, #col2 h3 {
	padding:1em 7px 0em 7px;
	font-size:0.9em;
	margin:0;
	}

.col175 {
	width:175px;
	}

.col70p {
	width:70%;
	}


p.header {
	background:#f3f3f3;
	padding:1px 0 1px 5px;
	margin-bottom:5px;
	}

.greyheader {
	background:#f2f2f2;
	font-size:13px;
	padding:2px 5px;
	}

p.sub {
	padding-left:5px;
	margin:0;
	}

.topresult {
	background:#f4f4f1;
	padding:3px 6px;
	}

kbd, code {
	background:#eee;
	padding:0 2px;
	}


.border1{
	border: 1px solid black;
	}

.grayCells {
	background: #F5F7F9;
	}

	

#content ul.checklist li {
	list-style-type:none;
	list-style-image: url(/nlincs/images/checklist.gif);
	list-style-position: outside;
	padding:1px 0 2px 2px;
}

.red {
	color:#c00;
	}
	
.pale {
	color: #ccc;
	}

.darkred {
	color:#900;
	}

.code
 {
	border:1px solid #777;
	background-color:#f3f3f3;
	max-width:100%;
	overflow:auto;
}


.date {
	color: #aa0000;
	}
	
.sep {
	color: #aaa;
	}
	


.rounded.even {
	background-color:#fff;
}

.rounded {
	clear:both;
	position:relative;
	margin:12px 5px;
	border:1px solid #d1d1d1;
	background:#f6f6f6;
	padding:5px;
	}

.rounded:before {
	display:block;
	height:9px;
	background: transparent url(/nlincs/images/c2.png) top right no-repeat;
	content: url(/nlincs/images/c1.png);
	line-height:1px;
	font-size:1px;
	margin:-6px -6px 0 -6px;
	}

.rounded:after {
	display:block;
	height:9px;
	background: transparent url(/nlincs/images/c4.png) bottom right no-repeat;
	content: url(/nlincs/images/c3.png);
	line-height:1px;
	font-size:1px;
	margin:1px -6px -6px -6px;
}

	
	
 .has_margin_list{
	list-style: none;
	margin: 0;
	padding: 15px 15px 15px 15px;
	border:1px;
}

.MainMap {
	min-width:373px;
	width:373px;
	height: 255px;
        xborder:1px solid red;
	xbackground: red;
}

.MainMap img {
	position: absolute;
	z-index:0;
	xleft: 12px;
        left: -5px;
	top: 129px;
        xbackground: blue;
        xborder:1px solid blue;
}

.MainMap div img {
        xbackground: blue;
        xborder:1px solid blue;
	xdisplay:none;
}



.LOW_SMALL { 
	font-size: 0.7em; 
	font-weight: normal; 
	background-color:transparent;
	color:#009900;
}
.MODERATE_SMALL {
        font-size: 0.7em;
        font-weight: normal;
        background-color:transparent;
        color:#F06000;
}
.HIGH_SMALL {
        font-size: 0.7em;
        font-weight: normal;
        background-color:transparent;
        color:#FF0000;
}
.VERY_HIGH_SMALL {
        font-size: 0.7em;
        font-weight: normal;
        background-color:transparent;
        color:#CE007B;
}

.PAGE_TEXT	{ 
	font-size: 1em; 
	font-weight: normal; 
	background-color:transparent}
	
.PAGE_TEXT_BOLD	{ 
	font-size: 1em;  
	font-weight: bold; 
}
.LOW { 
	 font-size: 90%; 
	 font-weight: bold; 
	 color: #009900
	 }
.MODERATE	{ 
font-size: 90%; 
	font-weight: bold; 
	color: #F06000;
	}
.HIGH { 
font-size: 90%; 
	font-weight: bold; 
	color: #FF0000;
	}
.VERY_HIGH		{ 
font-size: 90%;
	font-weight: bold; 
	color: #CE007B;
}

.RATIFIED               { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #52B552}
.PROVISIONAL            { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #FF0000}
.RAT_DATA_PROVIDER      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #FF0000}

a.SAMLL_LINK:link		{  font-size: 1em; color:#000000; text-decoration: none; font-weight: normal; }
a.GREEN_LINK:visited	{  font-size: 1em; color: #330099; text-decoration: none; font-weight: normal; }
a.GREEN_LINK:hover	{  font-size: 1em; color: #FF9900; text-decoration: none; font-weight: normal; }

a.PAGE_LINK:link		{  font-size: 0.9em; color: #000099; text-decoration: none; font-weight: bold; }
a.PAGE_LINK:visited	{  font-size: 0.9em; color: #330099; text-decoration: none; font-weight: bold; }
a.PAGE_LINK:hover		{  font-size: 0.9em; color: #FF9900; text-decoration: none; font-weight: bold; }

.TITLE_TEXT		{  font-size: 0.9em; color: #000000; background-color: #CCCCCC; text-decoration: none; font-weight: bold; }
/*START selected tab css*/
/*LEFT*/
.TAB_R1_C1		{width: 5px; height: 5px; background-image: url('../images/tabs01_r1_c1.jpg'); background-repeat: no-repeat; background-position: left; border-style : none none none;}
.TAB_R1_C2		{ height: 5px; background-image: url('../images/tabs01_r1_c2.jpg'); background-repeat: repeat-x; background-position: left; border-style : none none none;}
.TAB_R1_C3		{ height: 5px; background-image: url('../images/tabs01_r1_c3.jpg'); background-repeat: no-repeat; background-position: left; border-style : none none none;}
/*CENTER*/
.TAB_R2_C1		{ width: 5px; height: 30px; background-image: url('../images/tabs01_r2_c1.jpg'); background-repeat: no-repeat; border-style : none none none;}
.TAB_R2_C2		{ background-image: url('../images/tabs01_r2_c2.jpg'); background-repeat: repeat-x; border-style : none none none;}
.TAB_R2_C3		{ height: 30px; background-image: url('../images/tabs01_r2_c3.jpg'); background-repeat: no-repeat; border-style : none none none;}
/*RIGHT*/
.TAB_R3_C1		{ height: 5px; background-image: url('../images/tabs02_r3_c1.jpg'); background-repeat: no-repeat; background-position: left; border-style : none none none;}
.TAB_R3_C2		{ background-image: url('../images/tabs02_r3_c2.jpg'); background-repeat: repeat-x; background-position: right; border-style : none none none;}
.TAB_R3_C3		{ height: 5px; background-image: url('../images/tabs02_r3_c3.jpg'); background-repeat: no-repeat; background-position: right; border-style : none none none;}
/*BOTTOM LINE*/
.TAB_R1_CLS		{ width: 5px; background-image: url('../images/tabs02w_r1_c1s.jpg'); background-repeat: repeat-y;}
/*END selected tab css*/
/*START non-selected tab css*/
/*LEFT*/
.TAB_R1_C1_g		{width: 5px; height: 5px; background-image: url('../images/tabs01g_r1_c1.jpg'); background-repeat: no-repeat; background-position: left; border-style : none none none;}
.TAB_R1_C2_g		{height: 5px; background-image: url('../images/tabs01g_r1_c2.jpg'); background-repeat: repeat-x; background-position: left; border-style : none none none;}
.TAB_R1_C3_g		{ height: 5px; background-image: url('../images/tabs01g_r1_c3.jpg'); background-repeat: no-repeat; background-position: left; border-style : none none none;}
/*CENTER*/
.TAB_R2_C1_g		{width: 5px; height: 30px; background-image: url('../images/tabs01g_r2_c1.jpg'); background-repeat: no-repeat; border-style : none none none;}
.TAB_R2_C2_g		{ background-image: url('../images/tabs01g_r2_c2.jpg'); background-repeat: repeat-x; border-style : none none none;}
.TAB_R2_C3_g		{ height: 30px; background-image: url('../images/tabs01g_r2_c3.jpg'); background-repeat: no-repeat; border-style : none none none;}
/*RIGHT*/
.TAB_R3_C1_g		{width: 5px; height: 5px; background-image: url('../images/tabs02a_r3_c1.jpg'); background-repeat: repeat-y; background-position: left; border-style : none none none;}
.TAB_R3_C2_g		{ background-image: url('../images/tabs02a_r3_c2.jpg'); background-repeat: repeat-x; background-position: right; border-style : none none none;}
.TAB_R3_C3_g		{ height: 5px; background-image: url('../images/tabs02a_r3_c3.jpg'); background-repeat: no-repeat; background-position: right; border-style : none none none;}
/*BOTTOM LINE*/
.TAB_R1_CLS		{ width: 5px; background-image: url('../images/tabs02w_r1_c1s.jpg'); background-repeat: repeat-y;}
/*END non-selected tab css*/
/*the following classes were made to that the HTML is valid with w3*/
.TOP_GFX_L	{ background: url('../images/left.gif'); background-repeat: repeat-y;}
.TOP_GFX_R	{ background: url('../images/right.gif'); background-repeat: repeat-y;}
.TOP_GFX_T	{ background: url('../images/top.gif'); background-repeat: repeat-x;}
.TOP_GFX_B	{ background: url('../images/bottom.gif'); background-repeat: repeat-x;}
.CRUMBS	{ background: url('../images/crumbs.jpg');}
.TAB2_R1_C3	{ background: url('../images/tabs02w_r1_c3s.jpg');}
.TAB2_R2_C1	{ background: url('../images/tabs02w_r2_c1.jpg');}
.TAB2_R2_C2 { background: url('../images/tabs02w_r2_c2s.jpg');}
.TAB2_R2_C3 { background: url('../images/tabs02w_r2_c3.jpg');}

/* Formatted Table */
table.tblnl {
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	width:100%;
	margin-top:10px;
}
table.tblnl th {
	text-align:left;
	background-color:#CCCCCC;
	padding:4px;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
}
table.tblnl td {
	padding:4px;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
}
.rowstart td {
	border-top:2px solid #999999;		
}

table#twg_search th {
	background-color:#FFFFCC;
}

#twg_search_form_area {
	text-align:right;
	overflow:hidden;
	width:100%;
}
#twg_search_form_area div {
 	width:auto;
	float:right;
}

/* Button */
a.buttonclose:link,
a.buttonclose:visited,
a.button:link,
a.button:visited {
    border:1px solid #555555;
	font-size:10pt;
    background-color:#EEEEEE;
	background-image:url(../images/bg_button.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
    padding:5px 10px 5px 10px;
    text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight:bold;
	outline:none;
}

a.buttonclose:link,
a.buttonclose:visited {
	background-image:url(../images/bg_button_red.jpg);
	color:#990000;
}

a.buttonclose:hover {
	color:#000000;
}
a.button:hover {
	color:#990000;
}
a.buttonclose:active,
a.button:active {
	background-position:0px -27px;
}


/* Grid Layout */
.grid_1 { width:60px; }
.grid_2 { width:120px; }
.grid_3 { width:220px; }
.grid_4 { width:320px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }

.column {
  float: left;
  margin: 0 10px;
  overflow: hidden;
  display: inline;
}
.row {
  width: 100%;
  margin: 2px auto;
  overflow: hidden;
}

/* Forms */
.inputLong1 {
	width:150px;
}
.inputLong2 {
	width:300px;
}
.inputLong3 {
	width:500px;
}
.inputInt {
	width:30px;
}
.inputDate {
	width:80px;
}
.inputMedium {
	width:100px;
}
#twg_form {
	margin-top:20px;
	margin-bottom:20px;
}
textarea {
	height:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}
/* Misc */
.tblnl em {
	font-weight:normal;
	font-style:italic;
}
.valign {
	vertical-align:middle;
}
.bold {
	font-weight:bold;
}
.padding {
	padding:5px;
}
.upload_box {
	padding:5px;
	border:1px solid #999999;
	background-color:#EEEEEE;
	margin-top:10px;
	width:500px;
	margin-left:250px;
	overflow:hidden;
}
.upload_box span {
	float:left;
	width:140px;
}
.upload_box input {
	float:left;
}
.existing_file_row {
	border:1px solid #999999;
	background-color:#FFFFCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#loading_search_results {
	display:none;
}
noscript {
	color:#990000;
	font-weight:bold;
}