@charset "utf-8";
/* GENERAL */
html { overflow-y: scroll;}
html,body{
	margin:0;
	padding:0;
	color:#101820
}
body{
	font: 62.5% "Trebuchet MS", sans-serif;
	padding-top:108px;
	background-color:#fff;
}
p,ul,table {
	font-size: 1.5em;
}
h1 {
	font-size: 2.3em;
	font-weight:bold;
	margin-top:7px;
	padding:0;
	color:#004B87;
}
i.keyword {
	color:#004B87; 
}
i.note {
	color:#f04124;
}
a.note:link{
	color:#f04124;
}
a.note:hover{
	text-decoration:none;
}
a.note:visited {
	color:#f77762;
}
a:link{
	color:#004B87; 
}
a:hover{
	text-decoration:none;
}
a:visited {
	color:#425563;/*746b8e;999999*/
}
.spinLoader_Lightgrey_32 {
	background-image: url("../../core/img/spinLoader-Lightgrey_32.gif"); 
	background-position: top center; 
	background-repeat: no-repeat;
}
.spinLoader_Darkgrey_32 {
	background-image: url("../../core/img/spinLoader-Darkgrey_32.gif"); 
	background-position: center; 
	background-repeat: no-repeat;
}
.spinLoader_Darkgrey_48 {
	background-image: url("../../core/img/spinLoader-Darkgrey_48.gif"); 
	background-position: top left;
	background-repeat: no-repeat;
}
.spinLoader_Darkgrey_64 {
	background-image: url("../../core/img/spinLoader-Darkgrey_64.gif"); 
	background-position: top center;
	background-repeat: no-repeat;
}
#wait_bkgrd {
	position: fixed;
	top:0px;
	left:0px;
	width: 100%;
	height:100%;
	z-index:200;
	background-color:#fff;
	opacity:0.5;
	filter:alpha(opacity=50);  /* For IE8 and earlier */
	display:none;
	cursor:wait;
}
#lightbox_bkgrd {
	position: fixed;
	top:0px;
	left:0px;
	width: 100%;
	height:100%;
	z-index:200;
	background-color:#000;
	opacity:0.75;
	filter:alpha(opacity=75);  /* For IE8 and earlier */
	display:none;
}
#lightbox_container {
	position: fixed;
	top:0px;
	left:0px;
	width: 100%;
	height:100%;
	z-index:200;
	vertical-align:middle;
	display:none;
}
#lightbox_container table {
	border-spacing:0;
	/*border-collapse:collapse;*/
	vertical-align: middle;
	width: 100%;
	height:100%;
}
#lightbox_content {
	position:relative;
	border:2px solid #101820;
	background-color:#f7f7f7; 
	padding:10px; 
	margin: 0 auto;
	border-radius:5px;
	box-shadow:0px 0px 8px #000;
	width:640px;
	height:480px;
}
#lightbox_body {
	padding:0;
	font-size:14px;
	color:#343637;
	text-align:left;
	width: 100%;
    height: 100%;
}
#lightbox_iframe{
    width: 100%;
    height: 100%;
	padding:0;
	border: 1px #ddd dotted;
	background-color:#fff;
	overflow:hidden;
}
#lightbox_iframe .noiframe {
	padding:20px;
	font: 72.5% "Trebuchet MS", sans-serif;
	color:#101820
}

#lightbox_open{
	position:absolute;
	top: 16px;
	right: 30px;
	z-index:20;
	/*opacity:0.50;
	filter:alpha(opacity=50);*/
}
#lightbox_close{
	position:absolute;
	top: -25px;
	right: -22px;
	z-index:20;
}
#lightbox_close i:hover{
	opacity:1;
	filter:alpha(opacity=100);
	cursor:pointer;
}
/*
#lightbox_close i{
	line-height: 1;
	color:#fff;
	font-size: 22px;
	opacity:0.70;
	filter:alpha(opacity=70);
}
*/
#lightbox_close i{
	fill:#fff;
	width: 22px;
	height: 22px;
	display:inline-block;
	opacity:0.70;
	filter:alpha(opacity=70);
}
/* HEADER */
#header {
	width:100%;
	/*height: 62px;*/
	background-color: #101820;
	position:fixed;
	top:0px;
	left:0px;
	z-index:20;
}
#header_spinLoader {
	width:32px;
	height:32px;
	float:right;
	margin:15px 0px;
}
#header_msg {
	/*height:18px;*/
	padding: 15px;
	text-align:center;
	font-size: 14px;
	font-weight:bold;
	display:none;
}
#header_msg a:link{
	color:#ffffff; 
}
#header_msg a:visited {
	color:#ffffff;
}
	#header_msg .msg_x:hover,#header_msg .msg_xDark:hover {
		cursor:pointer;
		opacity:1;
		filter:alpha(opacity=100);
	}
	#header_msg .msg_x {
		width:18px;
		height:18px;
		/*display:inline-block;*/
		fill:#ffffff;
		float:right;
		opacity:0.70;
		filter:alpha(opacity=70);
	}
	#header_msg .msg_xDark {
		width:18px;
		height:18px;
		/*display:inline-block;*/
		fill:#4f4f4f;
		float:right;
		opacity:0.70;
		filter:alpha(opacity=70);
	}
	#header_msg.msg_alert {
		color:#fff;
		background-color:#f04124; 
		border:1px solid #de2d0f;
	}
	#header_msg.msg_warning {
		color:#fff;
		background-color:#f08a24;
		border:1px solid #de770f; 
	}
	#header_msg.msg_success {
		color:#fff;
		background-color:#43ac6a;
		border:1px solid #3a945b;  
	}
	#header_msg.msg_notice {
		color:#4f4f4f;
		background-color:#e9df97;
		border:1px solid #e9df97;  
	}
	#header_msg.msg_general {
		color:#4f4f4f;
		background-color:#a0d3e8;
		border:1px solid #74bfdd;  
	}
#header_container {
	width:100%;
	max-width:1024px;
	height: 62px;
	margin:0 auto;
}
#nssiShield {
	float:left;
	width:136px;
	height: 39px;
	margin:11px 0px;
}
#siteTitle {
	float:left;
	margin:11px 0px;
	display:none;
}
#siteTitlewShield {
	float:left;
	width:197px;
	height: 39px;
	margin:11px 0px;
}
#siteFullTitlewShield {
	float:left;
	width:489px;
	height: 39px;
	margin:11px 0px;
}
#search_content {
	float:left;
	padding:1px 4px 3px 4px;
	border-radius: 4px;
	background-color:#fff;
	height: 19px;
	margin: 19px 5px 19px 17px;
	opacity: .5;
	filter:alpha(opacity=50);
	display:none;
}
#search {
	border:none;
	width:130px;
	height:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
}
	/*.ui-autocomplete {
		max-height: 150px;
		overflow-y: auto;
		overflow-x: hidden;
	}*/
	#search::-webkit-input-placeholder{
		color:#9d9d9d;
		font-style:italic;
		font-size:12px;
	}
	#search::-moz-placeholder{
		color:red;
		font-style:italic;
		font-size:12px;
	}
	#search:-ms-input-placeholder{
		color:#9d9d9d;
		font-style:italic;
		font-size:12px;
	}
	#search::-ms-input-placeholder{
		color:#9d9d9d;
		font-style:italic;
		font-size:12px;
	}
	#search::placeholder{
		color:#9d9d9d;
		font-style:italic;
		font-size:12px;
	}
/*#search_icon:hover {cursor:pointer;color:#101820}*/
/*
#search_icon {
	float:right;
    line-height: 1;
	color:#888;
	font-size: 21px;
	margin:0 2px;
	cursor:default;
}
*/
#search_icon {
	float:right;
	fill:#888;
	margin:0 2px;
	cursor:default;
	/*display:inline-block;*/
	width:21px;
	height:21px;
}
/*
.ui-autocomplete {
	max-height: 600px;
	overflow-y: auto;
	overflow-x: hidden;
	}
*/
#nav_mobile {
	position:fixed; 
	top:0px; 
	right:0px; 
	width:33.33%;
	max-width:500px;
	min-width:200px;
	height:100%; 
	background-color:rgba(0,38,58,1.00); 
	z-index:999;
	display:none;
	overflow:auto;
}
#nav_mobile ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#nav_mobile ul li {
	border-bottom:1px solid #101820
	
}
#nav_mobile ul li:first-child {
	border-top:1px solid #101820

}
#nav_mobile ul li .privatelink{
	font-size: 13px;
}
#nav_mobile ul li div {
	padding: 15px 20px;
	font-size:15px;
	opacity: .5;
	filter:alpha(opacity=50);
	color:#fff;
}
#nav_main,.nav_main {
	float:right;
	margin: 15px 40px 0px 40px;
	display:none;
}
.nav_main:last-child {
	margin-right:0px;	
}
/*
#nav_main i {
    line-height: 1;
	color:#fff;
	font-size: 31px;
	margin-left:21px;
	opacity: .5;
	filter:alpha(opacity=50);
}
*/
#nav_main i,.nav_main i {
	line-height: 1;
	fill:#fff;
	width:31px;
	height: 31px;
	margin-left:11px;
	opacity: .5;
	filter:alpha(opacity=50);
	display:inline-block;
}
#nav_main i.active,.nav_main i.active,#nav_mobile ul li div.active { 
	opacity: 1;
	filter:alpha(opacity=100); 
	color:#fff; /* yellow - f2ea1b */
}
#nav_main i.disabled,.nav_main i.disabled,#nav_mobile ul li div.disabled { 
	opacity: .25;
	filter:alpha(opacity=25); 
}
#nav_main i.private,.nav_main i.private,#nav_mobile ul li div.private,#subHeader nav div.private { 
	display:none;
}
#nav_main div,.nav_main div {
	position:relative;	
}
#nav_main img {
	position:absolute;	
	top:43px;
	left:24px;
	display:none;
}
	.ui-tooltip {
		color: #fff;
		background:#8f8f8f;
		border:none;
		font-size:12px;
		box-shadow:none;
		position:fixed;
	}
#nav_main #link_files {
	position:relative;
	top:-1px;
	font-size: 28px;
}
#nav_main #link_resources {
	font-size: 30px;
}
#nav_account {
	float:right;
	background-color: #004B87;
	border: 1px solid #004B87;
	border-radius: 4px;
	margin: 12px 0;
	padding: 0px 2px 1px 2px;
	display:none;
}
#nav_account ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav_account ul li {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
#nav_account ul li ul {
  padding: 0;
  position: absolute;
  top: 41px;
  left: -157px;
  width: 190px;
  display: none;
  opacity: 0;
  filter:alpha(opacity=0);
  visibility: hidden;
}
#nav_account ul li ul li { 
  display: block;
}
#nav_account ul li.accountDD_on:hover ul,#nav_account ul li.accountDD_on:hover #account_menuUpArrow {
  display: block;
  opacity: 1;
  filter:alpha(opacity=100);
  visibility: visible;
}
#account_photo_container{
	float:left;
	width:23px;
	height: 23px;
	margin: 6px 10px 5px 5px;
	border-radius: 4px;
	overflow:hidden;
}
#account_photo_container img {
	position:relative;
}
/*
#account_photo{
	float:left;
	width:23px;
	height: 23px;
	margin: 6px 10px 5px 5px;
	border-radius: 4px;
}*/
#account_btn {
	width:23px;
	height: 23px;
}
#account_btn div{
	padding: 3px 3px 2px 2px;
}
#account_dropdown {
	padding:6px 5px 5px 5px;
}
#account_menuUpArrow {
	position: absolute;
	top: 29px;
	left: -157px;
  	width: 192px;
	height:12px;
	z-index:5;
	display: none;
	opacity: 0;
	filter:alpha(opacity=0);
	visibility: hidden;
	/*background-color:#0F0;*/
}
#account_menuUpArrow img {
	display:block;
	width:10px;
	height:6px;
	position: relative;
	left: 168px;
	top: 7px;
}
#account_menu {
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	box-shadow: 1px 1px 3px #ddd; 
}
#account_menu li {
	font-size: 14px;
	padding: 7px 10px;
	border-radius: 4px;
	color: #555;
}
#account_menu li:hover {
	color:#004B87;
}
#account_menu li.line_only {
	border-radius:0px; 
	padding:0;
}

#subHeader {
	width:100%;
	height: 46px;
	background-color:#fff;	
	border-bottom: 1px solid #ddd;
}
.subHeader_container {
	width:100%;
	max-width:1024px;
	height: 45px;
	margin:0 auto;
	display:none;
}
.subHeader_container .subHeader_cell {
	display: inline-block;
	margin: 0 13px;
	padding: 13px 0;
	font-size: 14px;
	color: #999;
}
.subHeader_container .subHeader_cell:first-child {
	margin-left:0px;
}
.subHeader_container .subHeader_cell.active {
	border-bottom: 4px solid #004B87;
	color:#0e0e0f;
}
.subHeader_container .subHeader_cell.disabled {
	color:#d3d3d3;
}

/* BODY */
#body_wrap {
	background-color:#f7f7f7;
}
#body_container {
	width:100%;
	max-width:1024px;
	min-height: 522px;
	margin:0 auto;
	padding-top: 30px;
	padding-bottom: 100px;
}
#body_page_spinLoader {
	width:64px;
	height:64px;
	margin:30px auto;
	display:none;
}
#body_page {
	display:none;
}
#body_aside {
	float:left;
	width: 202px;
}
#body_aside ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#body_aside ul li {
	font-size:14px;
	padding: 8px 8px 8px 0px;
	color:#999;
}
#body_aside ul li:first-child {
	padding-top:0px;
}
#body_aside ul li.active {
	color:#004B87;
}
#body_aside ul li.disabled { 
	opacity: .5;
	filter:alpha(opacity=5); 
}
#body_aside ul li.title { 
	opacity: 1;
	filter:alpha(opacity=100); 
	color:#555;
}
#body_content {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 10px;
	min-height: 820px;
	position:relative;
}
.body_contentNoAside {
	width:calc(100% - 22px);
	max-width: 1002px;
	margin-left: 0px;
}
.body_contentAside {
	width: 800px;
	margin-left: 202px;
}
#body_workarea {
	padding:20px;
}
#body_workarea_spinLoader {
	width:48px;
	height:48px;
	margin:20px;
	display:none;
}
#subpage_workarea {
	display:none;
}
#subpage_workarea_spinLoader {
	width:48px;
	height:48px;
	margin:20px;
	position:relative;
	top:-20px;
	left:-20px;
	display:none;
}
/* FOOTER */
#footer {
	background-color:#fff;
	border-top:1px solid #e5e5e5;
	min-height: 123px;
	display:none;
}
#footer_container {
	width:100%;
	max-width:1024px;
	min-height: 83px;
	margin:0 auto;
	padding: 20px 0;
}
#footer_content {
	padding-bottom: 15px;
}
#footer_content button {
	background:none;
	font-size:13px;		
}
#footer_txt {
	font-size:13px;	
	float:right;
	padding:6px 0;
	color:#555;
}
#footer_connect {
	border-top:1px dotted #111820;
	border-bottom:1px dotted #111820;
	padding: 20px 0;
	margin: 14px 0 26px 0;
	font-size:16px;
	color: #111820;
}
	#footer_connect a {
		margin: 0 7px;
		padding: 3px 0;
	}
	#footer_connect a:hover {
		border-bottom: 2px solid #111820;
	}
	#footer_connect img {
		width: auto; 
		height: 17px;
		vertical-align:text-top;
	}
#footer_notice {
	font-size:11px;	
	color:#999;
	text-align:justify;
}
.ui-dialog-title {
	font-size: 14px;
	font-weight: bold;
}
.ui-dialog-content,.ui-widget {
	font-size: 13px;
}
.dialog_adjust {
	padding-top:20px !important;
	padding-bottom:20px !important;
	display: none;
}
#dirLinktoPg,#saveToFile {display:none}
#dirLinktoPg textarea{
	width:calc(100% - 6px);
	max-width:417px;
	border:1px solid #d3d3d3;
	background-color:#e9df97;
	/*word-wrap: break-word;*/
}
#saveToFile img {
	margin: 0 15px;
	width: 73px;
	height:84px;
}
#saveToFile img:hover {
	cursor:pointer;
	opacity:.75;
	filter:alpha(opacity=75);  /* For IE8 and earlier */
}
/*#footer_notice #nssi_logo {
	float:left;
	width: auto;
	height:73px;
	padding: 3px 15px 3px 0px;
}*/


@media print {
	body {
		margin:0 !important;
		padding:0 !important;
	}
	#header,#footer,#body_aside,#page_options,#page_addloptions,#showCol,.sortCol {
		display:none !important;
	}
	#body_wrap {
		background-color:#fff !important;
	}
	#body_content {
		margin:0 !important;
		padding:0 !important;
		border:0;
		width: 8in;
		height:100%;
	}
	#body_workarea {
		padding:0 !important;
	}
	.personnel_container,#decksList .container,#cardsList .container {
		float: none !important;
		display:inline-block !important;
		/*page-break-after:always !important;*/
	}
	#report_container tr,.aContainer tr,#xmlLists tr,#directory_container tr,.articlesDisplay .nl_catTitle,.articlesDisplay tr,#xmlYTs tr,#xmlCBTs tr,.postPg_container .post {
		page-break-inside:avoid !important;
	}
	
	#dir_whatList {display:inline !important}
	/*
	#lightbox_bkgrd{
		display:none !important;
	}
	#lightbox_container {
		position:absolute !important;
		vertical-align:top !important;
		height:auto !important;
		width:auto !important;
	}
	#lightbox_container table {
		width:auto !important;
	}
	#lightbox_content {
		
		box-shadow: !important;
	}
	*/
}

/* SCREEN SIZE RESPONSES */
/* default widths 
@media screen and (max-width: 39.9375em) {
	#body_content {
		background-color: rgba(251,255,192,1.00);
	}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	#body_content {
		background-color: rgba(255,232,195,1.00);
	}
}
@media screen and (min-width: 64em) {
	#body_content {
		background-color: rgba(255,210,211,1.00);
	}
}*/
/* my widths */
@media screen and (max-width: 43.9995em) {
	body {background-color: #f7f7f7;}
	/*#header,#nav_mobile {position:absolute;}*/
	#header_container {
		width:calc(100% - 20px);
		max-width:1004px;
		padding:0 10px;
	}
	#siteTitle {
		width:74px;
		height: 39px;
		background-image: url(../img/nssi-pc-textB.png);
		background-repeat:no-repeat;
		background-position:top left;
		background-size:contain;
	}
	#nav_small {
		display:inline;
	}
	#nav_medium {
		display:none;
	}
	#subHeader {
		padding-left:11px;
		padding-right:11px;
		display: none;
	}
	#body_container {
		padding-top: 0px;
		position: relative;
		top: -30px;
	}
	#body_content {
		margin:0 auto;
	}

	.body_contentNoAside {
		width:calc(100% - 42px);
		max-width: 982px;
	}
	#body_workarea {
		padding:10px;
	}
	#footer_container {
		width:calc(100% - 20px);
		max-width:1004px;
		padding: 20px 10px;
	}
	#footer_content button {
		width:100%;
		margin-bottom:5px;	
	}
	#footer_txt {
		float:none;
		text-align:center;
		width:100%;
		margin-top:15px;	
	}
	#footer_connect {
		text-align:center;
	}
}
@media screen and (min-width: 44em) and (max-width: 1044px) {
	#header_container {
		width:calc(100% - 20px);
		max-width:1004px;
		padding:0 10px;
	}
	#siteTitle {
		width:149px;
		height: 39px;
		background-image: url(../img/nssi-pc-text2B.png);
		background-repeat:no-repeat;
		background-position:top left;
		background-size:contain;
	}
	#nav_small {
		display:inline;
	}
	#nav_medium {
		display:none;
	}
	#subHeader {
		padding-left:21px;
		padding-right:21px;
	}
	#body_content {
		margin:0 auto;
	}
	.body_contentNoAside {
		width:calc(100% - 42px);
		max-width: 982px;
	}
	#body_workarea {
		padding:10px;
	}
	#footer_container {
		width:calc(100% - 20px);
		max-width:1004px;
		padding: 20px 10px;
	}
}

@media screen and (min-width: 1045px) {
	#header_container {
		width:100%;
		max-width:1024px;
		padding:0;
	}
	#siteTitle {
		width:149px;
		height: 39px;
		background-image: url(../img/nssi-pc-text2B.png);
		background-repeat:no-repeat;
		background-position:top left;
		background-size:contain;
	}
	#nav_small {
		display:none;
	}
	#nav_medium {
		display:inline;
	}
	#body_content {
		padding: 10px;
	}
	.body_contentNoAside {
		width:calc(100% - 22px);
		max-width: 1002px;
	}
	#body_workarea {
		padding:20px;
	}
	#footer_container {
		width:100%;
		max-width:1024px;
		padding: 20px 0;
	}
}