nep/************************ MAIN TABLE *********************************/
	html {
    overflow-y: scroll;
}
body{
	margin:0px;
	padding:0px;
	text-align:center;
	
	height:100%;
	background-image:url(images/background.jpg);
	background-attachment: fixed;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
}
/************************ MAIN TABLE *********************************/

/************************ MAIN SITE STYLE *********************************/
#wrapper {
	text-align: left;
	margin: auto;
	width: 900px;
	position:relative;
	background-color:#FFF;
	z-index: 1;
}
/************************ MAIN SITE STYLE *********************************/

/***************************** TEXT STYLE *********************************/

.red{
	color:#F00;
}

/**** Style 2 ****/
.style2{
	z-index: 0;
	color:#000;
}
.style2 A:link {text-decoration: none; color: #036;}
.style2 A:visited {text-decoration: none; color: #036;}
.style2 A:active {text-decoration: none; color: #036;}
.style2 A:hover {text-decoration: underline ; color: #036;}
/**** Style 2 ****/
/**** styleRadar ****/
.styleRadar{
	color:#000;
	font-size: 10px;
	
		height: 400px;
		overflow:auto;
		overflow-y:auto;
		overflow:-moz-scrollbars-vertical;
}
.styleRadar A:link {text-decoration: none; color: #036;}
.styleRadar A:visited {text-decoration: none; color: #036;}
.styleRadar A:active {text-decoration: none; color: #036;}
.styleRadar A:hover {text-decoration: underline ; color: #036;}
/**** styleRadar ****/

/**** styleRadarShort ****/
.styleRadarShort{
	color:#000;
	font-size: 10px;
	
		height: 200px;
		overflow:auto;
		overflow-y:auto;
		overflow:-moz-scrollbars-vertical;
}
.styleRadarShort A:link {text-decoration: none; color: #036;}
.styleRadarShort A:visited {text-decoration: none; color: #036;}
.styleRadarShort A:active {text-decoration: none; color: #036;}
.styleRadarShort A:hover {text-decoration: underline ; color: #036;}
/**** styleRadarShort ****/

/**** Style 3 ****/
.style3{
	color:#FFFFFF;
	font-size: 12px;
}
.style3 A:link {text-decoration: none; color: 004573;}
.style3 A:visited {text-decoration: none; color: 004573;}
.style3 A:active {text-decoration:none; color: #036;}
.style3 A:hover {text-decoration: underline; color: #036;}
/**** Style 3 ****/

/**** Style 4 ****/
.style4{
	color:#FFFFFF;
}
.style4 A:link {text-decoration: none; color: #FFF;}
.style4 A:visited {text-decoration: none; color: #FFF;}
.style4 A:active {text-decoration:none; color: #FFF;}
.style4 A:hover {text-decoration: underline; color: #FFF;}
/**** Style 4 ****/

/**** Links ****/
a{	color: white; }
.alink{
	color: white;
	text-decoration: none;
}
/**** Links ****/

/************************ TEXT STYLE *********************************/

/**** Navigation ****/
#navigation {     
	float: left;     
	width: 10em;
} 
#navigationPanel {     
	float: left;     
	width: 200px;
} 
#navigation2 {    
	float: right;   
	width: 10em; 
}

/**** Navigation ****/

 #borderpanelRed{
	 border-color:#CC0000;
	 border-style:solid;
	 border-width:thin;
	 padding:10;
	 height:300px;
 
 }


#header {
	position:relative;
	top:auto;
	width:800px;
	text-align:left;
}

.contentFont {
	color:#000;
}

/************************ FOOTER STYLE *********************************/

.footerFont {
	color: #999999;
}

#footer {     
	clear: both; 
} 
/************************ END FOOTER STYLE *********************************/

/* Content Table Layout */
TABLE.contentTable
{
    border-color:#036;
  	border: 0.5px solid #036;
	z-index: 1;
}
TD.contentTable
{
    border-color:#CCC;
   	z-index: 1;
    border:  1px solid #036;
    margin: 0;
    padding: 4px;

}
TH.contentTable { 
	color:#ffffff;
	background-color:#036;
	font-style:normal #FFF;
	border:  1px solid #036;
	padding: 4px;
	z-index: 1;
	
}
TR.contentTable { 
	color:#069;
	font-style:normal #FFF;
	border:  1px solid #036;
	padding: 4px;
	z-index: 1;
	
}


/* Content Table Layout */
TABLE.contentTableIndex
{
    border-color:#036;
  	border: 0.5px solid #036;
	z-index: 1;
}
TD.contentTableIndex
{
    border-color:#CCC;
   	z-index: 1;
    border:  1px solid #036;
    margin: 0;
    padding: 4px;

}
TH.contentTableIndex { 
	color:#ffffff;
	font-style:normal #FFF;
	border:  1px solid #036;
	padding: 4px;
	z-index: 1;
	
}
TR.contentTableIndex { 
	color:#069;
	font-style:normal #FFF;
	border:  1px solid #036;
	padding: 4px;
	z-index: 1;
	
}


/************************ WHATS HOT TABLE *******************************/
TABLE.whatshot
{
    border-color:#036;
  	border: 1px solid #036;
	z-index: 1;
	font-family: Verdana, Arial, sans-serif #FFF;
}
TH.whatshot { 
	text-align:left;
	background-color:#036;
	color:#FFF;
	padding: 4px;
	z-index: 1;
}

TD.whatshot { 
	text-align:left;
	padding: 4px;
	z-index: 1;
}

/************************ WHATS HOT TABLE *******************************/

/************************ MICROSITE TABLES *******************************/
TD.micrositeTable
{
    border-color:#CCC;
   	z-index: 1;
    border:  1px solid #069;
    margin: 0;
    padding: 4px;
}
TR.micrositeTable
{
    border-color:#CCC;
   	z-index: 1;
    border:  1px solid #069;
    margin: 0;
    padding: 4px;
}
TABLE.micrositeTable
{
    border-color:#CCC;
   	z-index: 1;
    border:  1px solid #069;
    margin: 0;
    padding: 4px;
}

/************************ MICROSITE TABLES *******************************/


	.tablerow1 {
		background-color: #999999;
	}
	
	.tablerow2 {
		background-color: #D4D0C8;
	}

	#dhtmlgoodies_menu a{
		color: #000;
		background-color:#ffffff;
		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
	
	}
	
	/*
	Main menu items 
	*/
	


	.bodyText{
		padding-left:10px;
		padding-right:10px;
		border-top:1px solid #000000;	
	}
	.bodyText p{
		margin-top:5px;
	}
	#mainContainer{
		width:760px;
		height:600px;
		border:1px solid #000000;
		margin:0 auto;
		background-image:url('../../images/heading3.gif');
		background-repeat:no-repeat;
		padding-top:85px;			
	}
	#mainMenu{
		background-color: #FFFfff;	/* Background color of main menu */
		/*border-bottom:1px solid #000000;	 Bottom border of main menu */
		height:auto;	/* Height of main menu */	
		position:relative;	/* Don't change this position attribute */
		
	}
	#mainMenu a{
		padding-left:5px;	/* Spaces at the left of main menu items */
		padding-right:5px;	/* Spaces at the right of main menu items */
		font-weight:bold;
		background-color: #FFFfff;	/* Background color of main menu */
		/* Don't change these two options */
		position:absolute;
		bottom:-1px;	/* Change this value to -2px if you're not using a strict doctype */
	}
	#submenu{		
		
		background-color:#E2EBED;	/* Background color of sub menu items */
		height:20px;
		width:100%;	/* Don't change this option */
		
	}	
	#submenu div{
		white-space:nowrap;	/* Don't change this option */
		
	}
	/*
	Style attributes of active menu item 
	*/
	#mainMenu .activeMenuItem{
		/* Border options */
		border-left:1px solid #000000;
		/* border-top:1px solid #000000;*/
		border-right:1px solid #000000;		
		/*background-color: #E2EBED;	 Background color */
		background-color: #FFFfff;	/* Background color of main menu */
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	
	#mainMenu .activeMenuItem img{
		position:absolute;
		bottom:0px;
		right:0px;
	}
	
	#mainMenu A:link {text-decoration: none; color:#036;}
	#mainMenu A:visited {text-decoration: none; color: #036;}
	#mainMenu A:active {text-decoration: none; color: #036;}
	#mainMenu A:hover {text-decoration: underline ; color: #036;}
	/*
	Style attributes of inactive menu items
	*/
	#mainMenu .inactiveMenuItem{		
		color: #000;	/* Text color */
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	
	#submenu a{	
		text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
		padding-left:10px;	/* Space at the left of each sub menu item */
		padding-right:10px;	/* Space at the right of each sub menu item */
		color: #000;	/* Text color */
		font-size:12px; 
	}
	
	#submenu a:hover{
		color: #FF0000;	/* Red color when the user moves the mouse over sub menu items */
	}
	

	.clear{
		clear:both;
	}
	

	/************************** TWITTER ********************************/
	
	.woork{
	color:#444;
	width:600px;
	margin: 0 auto;
}
.twitter_container{
	color:#444;
	width:100%;
	margin: 0 auto;
}
.twitter_container a{
	color:#0066CC;
}
.twitter_status{
	/*height:60px;*/
	padding:6PX;
	border-bottom:solid 1px #DEDEDE;
}
.twitter_image{
	float:left; 
	margin-right:14px;
	border:solid 2px #DEDEDE;
	width:30px;
	height:30px;
}
.twitter_small{
 font-size:10px;
 padding-top:4px;
 color:#999;
}
	/************************** TWITTER ********************************/
	
	
	/************************** TABLE HIGHTLIGHT **************************/
	thead td .highlightTable{
		font-weight:bold;
		color:#000;
		background-color:#E2EBED;
		padding-top:10px;
		padding-bottom:10px;
		padding:10px 10px 10px 10px;
	}
	td .highlightTable{
		 padding:10px 10px 10px 10px;
	}
	table .highlightTable{
		border:1px solid #000;
		border-collapse: collapse;
		padding:10px 10px 10px 10px;
	}
	h1 .highlightTable{
		margin-bottom:0px;
	}

	.highlightTable A:link {text-decoration: none; color: #036;}
	.highlightTable A:visited {text-decoration: none; color: #036;}
	.highlightTable A:active {text-decoration: none; color: #036;}
	.highlightTable A:hover {text-decoration: underline ; color: #036;}
	/* These classes are used by the script as rollover effect for table 1 and 2 */
	
	.tableRollOverEffect1{
		background-color:#317082;
		color:#FFF;
	}

	.tableRollOverEffect2{
		background-color:#000;
		color:#FFF;
	}
	
	.tableRowClickEffect1{
		background-color:#FF6;
		color:#FFF;
	}
	.tableRowClickEffect2{
		background-color:#00F;
		color:#FFF;
	}
	/************************** TABLE HIGHTLIGHT **************************/
	
	/************************** SLIDING EFFECT LIKE NEWSLETTER ******************************/
		/* Layout properties for your question  */
	.question{
		font-weight:bold;	/* Bold font */		
		color: #ffffff;		/* The questions is in red */
		font-size:13px;
		cursor:pointer;		/* Cursor is like a hand when someone rolls the mouse over the question */
		
			background-color:#036;
			width:620px;
			margin-bottom:2px;
			margin-top:2px;
			padding-left:2px;
			background-image:url('images/bg_answer.gif');
			background-repeat:no-repeat;
			background-position:top right;	
			height:20px;

	}
		
	.answer{
		/* Layout properties - You can change these */
		
		border: 1px solid #555555;
		padding:10px;
		width:600px;
		background-color:#E2EBED;
		font-size:12px;
		
		/* This one should not be changed */
		display:none;	
	}
	.answer A:link {text-decoration: none; color: #036;}
	.answer A:visited {text-decoration: none; color: #036;}
	.answer A:active {text-decoration: none; color: #036;}
	.answer A:hover {text-decoration: underline ; color: #036;}
	
	
	
	/* Layout properties for your question  */
	.question1{
		font-weight:bold;	/* Bold font */		
		color: #ffffff;		/* The questions is in red */
		font-size:13px;
		cursor:pointer;		/* Cursor is like a hand when someone rolls the mouse over the question */
		
			background-color:#036;
			width:250px;
			margin-bottom:2px;
			margin-top:2px;
			padding-left:2px;
			background-image:url('images/bg_answer.gif');
			background-repeat:no-repeat;
			background-position:top right;	
			height:20px;

	}
		
	.answer1{
		/* Layout properties - You can change these */
		
		border: 1px solid #555555;
		padding:10px;
		width:220px;
		background-color:#E2EBED;
		font-size:12px;
		
		/* This one should not be changed */
		display:none;	
	}
	.answer1 A:link {text-decoration: none; color: #036;}
	.answer1 A:visited {text-decoration: none; color: #036;}
	.answer1 A:active {text-decoration: none; color: #036;}
	.answer1 A:hover {text-decoration: underline ; color: #036;}
	
	
	
		/* Layout properties for your question  */
	.question2{
		font-weight:bold;	/* Bold font */		
		color: #ffffff;		/* The questions is in red */
		font-size:13px;
		cursor:pointer;		/* Cursor is like a hand when someone rolls the mouse over the question */
		
			background-color:#036;
			width:870px;
			margin-bottom:2px;
			margin-top:2px;
			padding-left:2px;
			background-image:url('images/bg_answer.gif');
			background-repeat:no-repeat;
			background-position:top right;	
			height:20px;

	}
		
	.answer2{
		/* Layout properties - You can change these */
		
		border: 1px solid #555555;
		padding:10px;
		width:840px;
		background-color:#E2EBED;
		font-size:12px;
		
		/* This one should not be changed */
		display:none;	
	}
	.answer2 A:link {text-decoration: none; color: #036;}
	.answer2 A:visited {text-decoration: none; color: #036;}
	.answer2 A:active {text-decoration: none; color: #036;}
	.answer2 A:hover {text-decoration: underline ; color: #036;}
	
	
		.question3{
		font-weight:bold;	/* Bold font */		
		color: #ffffff;		/* The questions is in red */
		font-size:13px;
		cursor:pointer;		/* Cursor is like a hand when someone rolls the mouse over the question */
		
			background-color:#036;
			width:600px;
			/*margin-bottom:2px;
			margin-top:2px;
			padding-left:2px;*/
			background-image:url('images/bg_answer.gif');
			background-repeat:no-repeat;
			background-position:top right;	
			height:20px;

	}
		
	.answer3{
		/* Layout properties - You can change these */
		
		border: 1px solid #555555;
		padding:2px;
		width:580px;
		background-color:#E2EBED;
		font-size:12px;
		
		/* This one should not be changed */
		display:none;	
	}
	.answer3 A:link {text-decoration: none; color: #ffffff;}
	.answer3 A:visited {text-decoration: none; color: #ffffff;}
	.answer3 A:active {text-decoration: none; color: #ffffff;}
	.answer3 A:hover {text-decoration: underline ; color: #ffffff;}
	
		/* Layout properties for your question  */
	.question4{
		font-weight:bold;	/* Bold font */		
		color: #ffffff;		/* The questions is in red */
		font-size:12px;
		cursor:pointer;		/* Cursor is like a hand when someone rolls the mouse over the question */
		
			background-color:#036;
			width:220px;
			margin-bottom:1px;
			margin-top:1px;
			padding-left:1px;
			background-image:url('images/bg_answer2.gif');
			background-repeat:no-repeat;
			background-position:top right;	
			height:20px;

	}
		
	.answer4{
		/* Layout properties - You can change these */
		
		border: 1px solid #555555;
		padding:5px;
		width:190px;
		background-color:#E2EBED;
		font-size:12px;
		
		/* This one should not be changed */
		display:none;	
	}
	.answer4 A:link {text-decoration: none; color: #036;}
	.answer4 A:visited {text-decoration: none; color: #036;}
	.answer4 A:active {text-decoration: none; color: #036;}
	.answer4 A:hover {text-decoration: underline ; color: #036;}
	/************************** SLIDING EFFECT LIKE NEWSLETTER ******************************/
	
	
	#navigation .primary, #navigation .secondary {
    margin-bottom: 10px;
    border: 5px solid #fff;
    line-height: 1.3;
    padding-bottom: 5px;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
	font-size:13px;
}

#navigation #guide {
    margin: 7px 0 10px;
    padding: 0.6em 0 1em;
    background: #369;
    font-weight: bold;
    font-size: 115%;
}

.primary p {
    margin: 1.2em 5px 1.2em 0;
}

#navigation .secondary {
    margin: 10px 0 50px;
    background: #039;
    padding: 2px 5px 0 5px;
}

#navigation #author {
    margin: 10px 0 50px;
    padding: 0px 5px 0 5px;
    background: #369;
    text-align: justify;
}

.icon {
    vertical-align: top;
}

#mainText{
	background-image:url(images/background.jpg);
}


/************************************* TABLE WIDGETS *************************************/

	/* Start layout CSS */
	.tableWidget_headerCell,.tableWigdet_headerCellOver,.tableWigdet_headerCellDown{	/* General rules for both standard column header and mouse on header of sortable columns */
		cursor:pointer;	
		border-bottom:3px solid #C5C2B2;
		border-right:1px solid #ACA899;
		border-left:1px solid #FFF;	
		background-color: #ECE9D8;
	}
	
	.tableWidget_headerCell{	/* Standard column header */
		border-top:2px solid #ECE9D8;
		
	}
	
	.tableWigdet_headerCellOver{	/* Rollover on sortable column header */
		border-top:2px solid #FFC83C;		
	}
	.tableWidget tbody .tableWidget_dataRollOver{	/* Rollover style on mouse over (Data) */
		background-color:#FFF;	/* No mouseover color in this example - specify another color if you want this */
	}
	
	.tableWigdet_headerCellDown{
		border-top:2px solid #FFC83C;	
		background-color:#DBD8C5;
		border-left:1px solid #ACA899;
		border-right:1px solid #FFF;			
	}
	.tableWidget td{
		margin:0px;
		padding:2px;
		border-bottom:1px solid #EAE9E1;	/* Border bottom of table data cells */
		
	}
	.tableWidget tbody{
		background-color:#FFF;
	}
	.tableWidget{
		font-family:arial;
		font-size:12px;	
		width:780px;
	}
		
	/* End layout CSS */
	
	
	div.widget_tableDiv {
		border:1px solid #ACA899;	/* Border around entire widget */
		height: 200px;
		overflow:auto;
		overflow-y:auto;
		overflow:-moz-scrollbars-vertical;
		width:800px;

	}
	
	html>body div.widget_tableDiv {
		overflow: hidden;
		width:780px;
	}

	.tableWidget thead{
		position:relative;
	}
	.tableWidget thead tr{
		position:relative;
		top:0px;
		bottom:0px;
	}



	.tableWidget .scrollingContent{
		overflow-y:auto;
		overflow:-moz-scrollbars-vertical;
		width:800px;

	}

/***************************** RADAR LAYOUT *************************/
.backDescp {
padding:5px 5px; 
font-size:11px;
background:#CCCCCC;
}

.curvy {position:relative; width:200px; background:#9caf9c; color:#000; margin:5em auto;}

#ctl, #cbl, #ctr, #cbr {position:absolute; width:5px; height:5px; color:#9caf9c; background:#fff; overflow:hidden; font-style:normal; z-index:1;}

#ctl {top:0; left:0;}

#cbl {bottom:0; left:0;}

#ctr {top:0; right:0;}

#cbr {bottom:0; right:0;}

.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#9caf9c; line-height:40px; font-weight:normal;}

#ctl b {left:-8px;}

#ctr b {left:-25px;}

#cbl b {left:-8px; top:-17px;}

#cbr b {left:-25px; top:-17px;}

.curvy p {position:relative; z-index:100; padding:5px 5px; font-size:11px;}

/*************************** SHADOW CSS ****************************/
.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  }
.in {
  text-align:left; 
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }
.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }
.narrow {width:250px;} /* change to suit */
h4 {font-weight:bold; color:#000;}
/*************************** SHADOW CSS ****************************/
.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 700px;
}

.curlycontainer .innerdiv{
background: transparent url(images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 5px 5px;
}


.lm-wrapper { margin:0; padding:0; }
.lm-wrapper .lm-letters { overflow:hidden; }
* html .lm-wrapper .lm-letters { zoom:1; } /* for IE6 so that menu appears under letters */
.lm-wrapper .lm-letters a { font-size:0.9em; display:block; float:left; padding:2px 11px; border:1px solid silver; border-right:none; text-decoration:none; }
.lm-wrapper .lm-letters a:hover,
.lm-wrapper .lm-letters a.lm-selected { background-color:#eaeaea; }
.lm-wrapper .lm-letters a.lm-disabled { color:#ccc; }
.lm-wrapper .lm-letters a.lm-last { border-right:1px solid silver; }
.lm-wrapper .lm-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; }
.lm-wrapper .lm-menu { border:1px solid silver; border-top:1px solid silver; padding:15px; z-index:10; position:absolute; margin-top:-1px; background:#ffc; display:none; }
.lm-wrapper .lm-menu ul li { list-style-type:none; margin-bottom:5px; font-size:0.9em }
.lm-wrapper .lm-menu ol li { margin-left:15px; }
.lm-wrapper .lm-menu .lm-no-match { color:green; }
.lm-wrapper .lm-menu a { text-decoration:none; }
.lm-wrapper .lm-menu a:hover { text-decoration:underline; }
.lm-wrapper .lm-menu .lm-submenu { overflow:hidden; }


			.demoHeaders { margin-top: 2em; }
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}
			
			
			
/*************************** TABIFY ****************************/
		.menu { padding: 0; clear: both; }
			.menu li { display: inline; }
			.menu li a { background: #ccf; 
				padding: 10px; float:left; border-right: 1px solid #ccf; border-bottom: none; text-decoration: none; color: #000; font-weight: bold;}
			.menu li.active a { background: #eef; }
			.contentTab { 
			clear: both; 
			border: 2px solid #ccf; 
			border-top: 2px solid #ccf; 
			border-left: 2px solid #ccf; 
			background: #eef; 
			padding: 20px 20px 20px 20px; 
			width: 850px; }
			
			.contentWhiteBack { 
			clear: both; 
			border: 2px solid #ccf; 
			border-top: 2px solid #ccf; 
			border-left: 2px solid #ccf; 
			background: #ffffff; 
			padding: 2px 2px 2px 2px; 
			width: 99%; }

/*************************** REGULATORY RADAR ****************************/

	.radarTopic  { 
		padding:3px;
		color:#333333;
		font-family: Verdana, Arial, sans-serif;
		border:1px solid #96A6C5;
		margin-top:2px;
		background:#CCFFFF;
	}
	.radarLeft{
		float:left;
	}
	.radarRight{
		float:right;
	}

/*************************** REGULATORY RADAR ****************************/