/* Blue = #000066 	*/
/* Grey = #cccccc 	*/
/* White = #ffffff 	*/
/* Red = #ff0000 	*/
/* Black = #000000	*/
/* Heading = #8cc7e7;	*/

body { 
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		1em;
	color:			#000000;
	background: 		#ffffff; 
}

.topbanner {
	width:			100%;
	height:			120px;
	border-width: 		10px;
	border-color: 		#000066;	
}

.wavebanner {
	width:			100%;
	height:			120px;
	background-image: 	url(https://namdomnygad001.nam.nsroot.net/WebPASDev/pasmain.nsf/bluewave1.gif?OpenImageResource);
	background-repeat: 	repeat-x;
}

.MainMenuBar {
	width: 			100%;
	height: 		25px;
	color:			#000000;
	background-color: 	#cccccc;
	border-top:		6px solid #000066;
	border-left:		1px solid #000066;
	border-right:		1px solid #000066;
	border-bottom:		1px solid #000066;
}

.FormContent
{
	width:			100%;
	padding-left:		10px;
}
.FormHeading1
{
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		1.25em;
	font-weight:		bold;
	color:			#000066;
	background: 		#ffffff; 
	padding-left:		4px;
}

.FormHeading2
{
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		1em;
	color:			#000066;
	background: 		#ffffff; 
}

.FormHeading3
{
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		1.15em;
	color:			#000066;
	background: 		#ffffff; 
}
.FormHeading4
{
	font-family:		Times, Helvetica, Sans-serif;
	font-size:		1.15em%;
	font-weight:		bold;
	color:			brown;
	background: 		#ffffff; 
	padding-left:		5px;
}

.noresults
{
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		1em;
	color:			#ff0000;
	background: 		#ffffff; 

}
.searching
{
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		1em;
	color:			#000066;
	background: 		#ffffff; 

}
.field-label
{
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		1em;
	color:			#000066;
	background: 		#ffffff; 
	
}
.field-label-black
{
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		1em;
	color:			#000000;
	background: 		#ffffff; 
	
}
.field-label-black-bold
{
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		1em;
	font-weight:		bold;
	color:			#000000;
	background: 		#ffffff; 
	
}

.field-label-small
{
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		.75em;
	color:			#000066;
	background: 		#ffffff; 
	
}

.field-label-small-red
{
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		.75em;
	color:			#ff0000;
	background: 		#ffffff; 
	
}
.field-label-small-blue
{
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		.75em;
	color:			#000066;
	background: 		#ffffff; 
	
}
.field-label-small-blue-center
{
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		.75em;
	text-align:		center;
	color:			#000066;
	background: 		#ffffff; 
	
}
.field-label-small-black
{
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		.75em;
	color:			#000000;
	background: 		#ffffff; 
	
}
.field-label-blue
{
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		12px;
	font-weight:		bold;
	font-align:		left;
	padding-left:		4px;
	color:			#000066;
	background: 		#ffffff; 
	
}

.field-label-blue-right
{
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		12px;
	font-weight:		bold;
	text-align:		right;
	padding-left:		4px;
	color:			#000066;
	background: 		#ffffff; 
	
}

.field-label-blue-centered
{
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		12px;
	font-weight:		bold;
	text-align:		center;
	color:			#000066;
	background: 		#ffffff; 
	
}

.text-area-blue-bold
{
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		12px;
	font-weight:		bold;
	font-align:		left;
	padding-left:		4px;
	color:			#000066;
	background: 		#ffffff; 	
}

.mandatory-text
{
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		.75em;
	vertical-align:		super;
	color:			#0000ff;
	background: 		#ffffff; 

}
/* Menu Navigation Elements */

ul { /* all lists */
	padding: 		0;
	margin: 		0;
	list-style: 		none;
}

li { /* all list items */
	float: 			left;
	position: 		relative;
	width: 			auto;
}

li a { /* first-level urls */
	display: 		block; 
	padding: 		0.20em 0.4em 0.20em 0.4em;
	text-decoration: 	none; 
	color:			#000066;
	background-color: 	#cccccc;
	border-right:		1px solid #000066;
}

li a:hover { /* first level hover */
	display: 		block; 
	padding: 		0.20em 0.4em 0.20em 0.4em;
	text-decoration:	none;
	color:			#ff0000;
	background-color:	#ffffff;
}

li ul { /* second-level lists */
	width: 			12em;
	display: 		none;
	position: 		absolute;
	top: 			24px;
	left: 			-1px;
	color:			#ffffff;
	background-color:	#cccccc;
	border-top:		1px solid #000066;
}

li ul a { /* second-level urls */
	width: 			12em;
	display: 		block; 
	border-right:		0px;
	padding: 		0.20em 0.4em 0.20em 0.4em;
	text-decoration: 	none; 
	color:			#000066;
	background-color:	#cccccc;
	border-bottom:		1px solid #000066;
	border-right:		1px solid #000066;
	border-left:		1px solid #000066;
}

li ul a:hover { /* second level hover */
	display: 		block;
	padding: 		0.20em 0.4em 0.20em 0.4em;
	text-decoration:	none;
	color:			#ff0000;
	background-color:	#ffffff;
	border-bottom:		1px solid #000066;
	border-right:		1px solid #000066;
	border-left:		1px solid #000066;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

/* End of Menu Navigation Elements */

.WhereAreYouBanner {
	width: 			100%;
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		1em;
	color:			#000000;
	background-color: 	#ffffff;
	border-left:		1px solid #000066;
	border-right:		1px solid #000066;
	border-bottom:		0px;
	padding:		4px 4px 4px 4px;
	
}
.WhereAreYouBanner.redtext {
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		1em;
	color:			#ff0000;
	background-color: 	#ffffff;
}

.WhereAreYouBanner.bluetext {
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		1em;
	color:			#000066;
	background-color: 	#ffffff;
}

#TaskMenuBar {
	width: 			100%;
	height: 		25px;
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		1em;
	border-top:		1px solid #000066;
	border-left:		1px solid #000066;
	border-right:		1px solid #000066;
	color:			#000000;
	background-color: 	#cccccc;
}

#MenuBar {
	width: 			100%;
	height: 		25px;
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		1em;
	border:			1px solid #000066;
	color:			#000000;
	background-color: 	#cccccc;
}

.TaskArea {
	width: 			100%;
	height:			400px;
	border:			1px solid #000066;
}

.task a { /* menu bar items */
	float: 			left;
	position: 		relative;
	width: 			auto;
	display: 		block; 
	padding: 		0.20em 0.4em 0.20em 0.4em;
	text-decoration: 	none; 
	color:			#000066;
	background-color: 	#cccccc;
	border-right:		1px solid #000066;
}

.task a:hover { /* menu bar items hover */
	float: 			left;
	position: 		relative;
	width: 			auto;
	display: 		block; 
	padding: 		0.20em 0.4em 0.20em 0.4em;
	text-decoration: 	none; 
	color:			#ff0000;
	background-color: 	#ffffff;
	border-right:		1px solid #000066;
}

.CitiFooter {
	width: 			100%;
}

.table-align-top
{
	vertical-align: 	top;
}


.sort-table {
	border: 		none;
	width:			175%;
	height:			100%
	overflow:		auto;
}

.sort-table td {
	padding: 		2px 2px;
	cursor: 		hand;
	font-size : 		10pt;
	font-color:		#000066;
	
}

/* EDIT HERE */
.sort-table thead td {

/* Added these 3 lines for Header freezing Boris K. */

	position:relative; 
	top:expression(this.offsetParent.scrollTop);
	z-index: 10;
/* ====================================================== */
	border-top:		1px solid #000066;
	border-right:		1px solid #000066;
	border-left:		1px solid #000066;
	border-bottom:		4px solid #000066;
	border-color: 		#000066;
	cursor: 		hand;
	color: 			#000066;
	background:		#ffffff;
	font-size : 		10pt;
	font-color:		#000066;
	font-weight : 		normal;
	text-decoration:	none;
	text-align: 		center;
	vertical-align:		bottom;
	padding: 		2px 2px 2px 2px;
}

.sort-table thead td:active {
	border-color: 		ButtonShadow ButtonHighlight  ButtonHighlight ButtonShadow;
	cursor: 		hand;
	padding: 		2px 2px 2px 2px;
}

.sort-arrow {
	width:			11px;
	height:			11px;
	background-position: 	center center;
	background-repeat: 	no-repeat;
	margin:			0 2px;
}

.sort-arrow.descending {
	background-image: 	url("descsort.gif");
}

.sort-arrow.ascending {
	background-image: 	url("ascsort.gif");
}

table.tdata1 {
	padding: 		2px;
	border-width: 		2px;
	border-style: 		inset;
	border-color: 		gray;
	border-collapse: 	collapse;
	background-color: 	white;
}

table.tdata1 th {
	padding: 		4px;
	border-width: 		1px;
	border-style: 		solid;
	border-color: 		black;
	background-color: 	white;

}

table.tdata1 td {
	width:			150px;
	padding: 		4px;
	border-width: 		1px;
	border-style: 		solid;
	border-color: 		black;
	background-color: 	white;
}

table.tdata2 {
	padding: 		2px;
	border-width: 		2px;
	border-style: 		inset;
	border-color: 		gray;
	border-collapse: 	collapse;
	background-color: 	white;
}

table.tdata2 th {
	padding: 		4px;
	border-width: 		1px;
	border-style: 		solid;
	border-color: 		black;
	background-color: 	white;

}

table.tdata2 td {
	padding: 		4px;
	border-width: 		1px;
	border-style: 		solid;
	border-color: 		black;
	background-color: 	white;
}

table.heading1 {
	width:			100%;
	border-width: 		1px;
	padding: 		4px;
	border-style: 		solid;
	border-color: 		black;
	border-collapse: 	collapse;
	background-color: 	#8cc7e7;
}
table.heading1 th {
	border-width: 		1px;
	padding: 		4px;
	border-style: 		solid;
	border-color: 		black;
	background-color: 	#8cc7e7;
}
table.heading1 td {
	border-width: 		1px;
	padding: 		4px;
	border-style: 		solid;
	border-color: 		black;
	background-color: 	#8cc7e7;
}

.nowrapline {
	white-space: 		nowrap;
	width:			800px;
}
.nowrapline2 {
	white-space: 		nowrap;
	width:			500px;
}

.nowrap {
	white-space: 		nowrap;
}

/* ============================================================= */

fieldset
{
	border: 		1px solid #000066;
	width: 			99%;
	font-size : 		10pt;
	background-color:	#ffffff;
	color:			#000000;

}

fieldset label{
	width: 			20em;
	float: 			left;
	text-align: 		right;
	margin-right: 		0.5em;
	display: 		block;
	padding-left:		4px;
	font-size : 		10pt;
	background-color:	#ffffff;
	color:			#000066;
}


fieldset input{
	color: 			#000066;
	background: 		#ffffff;
	font-size:		10pt;
}

fieldset legend
{
	color: 			#ffffff;
	background:		#215d9c;
	border: 		1px solid #000066;
	padding: 		2px 6px
} 


.userfieldset
{
	border: 		1px solid #000066;
	width: 			99%;
	font-size : 		10pt;
	background-color:	#ffffff;
	color:			#000000;

}

.userfieldset label{
	width: 			10em;
	float: 			left;
	text-align: 		right;
	margin-right: 		0.5em;
	display: 		block;
	padding-left:		4px;
	font-size : 		10pt;
	background-color:	#ffffff;
	color:			#000066;
}


.userfieldset input{
	color: 			#000066;
	background: 		#ffffff;
	font-size:		10pt;
}

.userfieldset legend
{
	color: 			#ffffff;
	background:		#215d9c;
	border: 		1px solid #000066;
	padding: 		2px 6px
} 

.userinnerfieldset
{
	border: 		1px solid #000066;
	width: 			100%;
	font-size : 		10pt;
	background-color:	#ffffff;
	color:			#000000;
	margin-left:		.5em;
	margin-right:		.5em;
	padding-top:		10px;
	padding-right:		10px;
	padding-left:		10px;
	padding-bottom:		10px;

}

.userinnerfieldset label{
	width: 			15em;
	float: 			left;
	text-align: 		right;
	margin-right: 		0.5em;
	display: 		block;
	font-size : 		10pt;
	background-color:	#ffffff;
	color:			#000066;
}


.userinnerfieldset input{
	color: 			#000000;
	background: 		#ffffff;
	font-size:		10pt;
}

.userinnerfieldset legend
{
	color: 			#000066;
	background:		#ffffff;
	border: 		1px solid #000066;
	padding: 		2px 6px;
	font-weight:		bold;
} 


.label10
{
	font-size : 		10pt;
	font-weight:		bold;
	background-color:	#ffffff;
	color:			#000066;
}

.hidethis
{
	display:		none;
}

.textarea1
{
	padding-left:		1em;
	padding-right:		1em;
}
.textarea2
{
	font-family:		Times, Helvetica, Sans-serif;
	padding-left:		.5em;
	padding-right:		.5em;
	font-size : 		.80em;
	color:			brown;
	text-decoration:	none
}
.textarea3
{
	font-family:		Times, Helvetica, Sans-serif;
	padding-left:		1em;
	padding-right:		.5em;
	font-size : 		.5em;
}

.criteria
{
	width:			45px;
}

.edit-history-text
{
	font-size : 		10pt;
	font-weight:		normal;
	background-color:	#ffffff;
	color:			#000000;
}

.edit-history-text-heading
{
	font-size : 		10pt;
	font-weight:		bold;
	background-color:	#ffffff;
	color:			#000066;
}
table.printfriendly {
	border: 		black 1px solid;
	border-collapse: 	collapse;
}
table.printfriendly th{
	border: 		black 1px solid;
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		9pt;
	font-weight:		bold;
}
table.printfriendly td{
	border: 		black 1px solid;
	font-family:		Arial, Helvetica, Sans-serif;
	font-size:		9pt;
	padding:		5px;
}
table.printfriendly ul{
	padding: 		auto;
	margin: 		auto;
	list-style-type: 	square;
}
table.printfriendly li{
	display: 		list-item;
	float:			none;
}


/* Freeze 1 ===================================== */

.Freezing 
{ 
   position:relative ; 
   top:expression(this.offsetParent.scrollTop); 
   z-index: 10; 
}

.FreezingCol 
{ 
   LEFT: expression(document.getElementById("freezingDiv").scrollLeft);
   /*freezingDiv is the name of the div to make your datagrid scrollable */  
   POSITION: relative; 
   z-index: 1; 
} 



/*  Freeeze 2 ====================================== */

div#tbl-container {
width: 100%;
height: 280px;
overflow: auto;

}

thead th {
top: expression(document.getElementById("tbl-container").scrollTop); /* IE5+ only */
z-index: 20;

LEFT: expression(document.getElementById("freezingDiv").scrollLeft);
}