/*---- Page body styles ----*/
body {
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	background-color: #FFFFFF
}
body,td,th {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
H1 {
	DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #ff8400; FONT-FAMILY: "Microsoft Sans Serif",Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

h2 {  font-family: "Microsoft Sans Serif",Arial, Helvetica, sans-serif; font-size: 10pt; TEXT-ALIGN: left; font-style: normal; font-weight: bold; text-decoration: none; color: #007fd0}
p, li, ul, ol, h1, h2, h3, h4
{  
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	TEXT-ALIGN: justify; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	color: #000000;
	margin:0px;
	padding:0px;
}

h3 {  font-family: "Microsoft Sans Serif",Arial, Helvetica, sans-serif; font-size: 10pt; TEXT-ALIGN: left; font-style: normal; font-weight: bold; text-decoration: none; color: #007fd0}
p,li,ul,ol
{  
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	TEXT-ALIGN: justify; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	color: #000000
}


.greenhd
{ 
	font-family:  "Microsoft Sans Serif", Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-style: normal; 
	font-weight: bold; 
	color: #9ccf30;
	text-decoration: none
}
.orangehd
{ 
	font-family:  "Microsoft Sans Serif", Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-style: normal; 
	font-weight: bold; 
	color: #ff8400;
	text-decoration: none
}
/*.bluehd
{ 
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11pt; 
	font-style: normal; 
	font-weight: bold; 
	color: #007fd0;
	text-decoration: none
}
.greenhd
{ 
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11pt; 
	font-style: normal; 
	font-weight: bold; 
	color: #9ccf30;
	text-decoration: none
}
*/
.greentxt
{ 
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-style: normal; 
	font-weight: normal; 
	color: #9ccf30;
	text-decoration: none
}
.bluetxt
{ 
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-style: normal; 
	font-weight: normal; 
	color: #007fd0;
	text-decoration: none
}
/*---- Date Style Start ----*/
.date
{ 
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	text-decoration: none; 
	color: #474747
}
/*---- Date Style End ----*/
/*-------- Top Phone Style Start -----------*/
.topcontact
{ 
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	color: #474747;
	text-decoration: none
}
a.topcontact:link
{ 
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	color: #474747;
	text-decoration: none
}
a.topcontact:active
{ 
	color: #474747;
	
}
a.topcontact:visited
{ 
	color: #474747;
	
}

a.topcontact:hover
{ 
	color: #ff8400; 
	text-decoration: underline  
}
/*------- Top Phone Style End ----------*/
/*------- Search Style Start ---------*/
.srchgreentxt
{ 
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 13pt; 
	font-style: normal; 
	font-weight: bold; 
	color: #9ccf30;
	text-decoration: none
}
.srchtxtbx
{

	background-color : #FFFFFF; 
	BORDER: #a9b5c5 1px solid;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000
}
/*------- Search Style End ---------*/
/*---- News Styles ----*/

.newsheadline
{ 
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000;
	text-decoration: underline
}
a.newsheadline:link
{ 
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000;
	text-decoration: underline
}
a.newsheadline:active
{ 
	color: #000000;
	
}
a.newsheadline:visited
{ 
	color: #000000;
	
}

a.newsheadline:hover
{ 
	color: #9ccf30; 
	text-decoration: underline  
}
.morenews
{ 
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000;
	text-decoration: none
}
a.morenews:link
{ 
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #007fd0;
	text-decoration: none
}
a.morenews:active
{ 
	color: #007fd0;
	
}
a.morenews:visited
{ 
	color: #007fd0;
	
}

a.morenews:hover
{ 
	color: #9ccf30; 
	text-decoration: none  
}
.newstxt
{ 
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	/*color: #515151;*/ 
	color: #000000;
	text-decoration: none
}
.newsheadline2
{ 
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	color: #000000;
	text-decoration: none
}
.newsdt
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	/*color: #515151;*/ 
	color: #007fd0;
	text-decoration: none
}
/*----------- News Style End -------------------*/
/*---------- Grey Text Small Styles Start ---------*/
.greytxtsm
{ 
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal;
	text-align:justify; 
	color: #000000;
	text-decoration: none
}
.greytxtlnk
{ 
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	color: #474747;
	text-decoration: underline
}
a.greytxtlnk:link
{ 
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	color: #474747;
	text-decoration: underline
}
a.greytxtlnk:active
{ 
	color: #474747;
	
}
a.greytxtlnk:visited
{ 
	color: #474747;
	
}

a.greytxtlnk:hover
{ 
	color: #9ccf30; 
	text-decoration: underline  
}
/*---------- Grey Text Small Styles End -----------*/
/*---- customer quotes Styles Start ----*/

.cqtxt
{ 
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-style: normal; 
	font-weight: normal;
	text-align:justify; 
	color: #000000;
	text-decoration: none
}
.cname
{ 
	font-family:  verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	color: #007fd0; 
	text-decoration: none
}
.cdesg
{ 
	font-family:  verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	color: #9ccf30; 
	text-decoration: none
}
.cqmore
{ 
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #007fd0;
	text-decoration: none
}
a.cqmore:link
{ 
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #007fd0;
	text-decoration: none
}
a.cqmore:active
{ 
	color: #007fd0;
}
a.cqmore:visited
{ 
	color: #007fd0;
}

a.cqmore:hover
{ 
	color: #9ccf30;
	text-decoration: none  
}
/*---- customer quotes Styles End ----*/
/*---- Footer styles ----*/
.footer
{ 
	font-family:  verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; 
	font-style: normal; 
	font-weight: normal; 
	color: #7b7b7b; 
	text-decoration: none
}
.footerw
{ 
	font-family:  verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; 
	font-style: normal; 
	font-weight: normal; 
	color: #FFFFFF; 
	text-decoration: none
}
a.footerw:link
{ 
	font-family:  verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; 
	font-style: normal; 
	font-weight: normal; 
	color: #FFFFFF; 
	text-decoration: none
}
a.footerw:active
{ 
	color: #FFFFFF; 
	text-decoration: none
}
a.footerw:visited
{ 
	color: #FFFFFF; 
	text-decoration: none
}

a.footerw:hover
{ 
	color: #FFFFFF; 
	text-decoration: underline  
}







/*-----------  Products & Services Styles Start -----------*/

.producttxt
{ 
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000;
	text-decoration: none
}
.prodhd
{ 
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none
}
.productname
{ 
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #007fd0;
	text-decoration: none
}
a.productname:link
{ 
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #007fd0;
	text-decoration: none
}
a.productname:active
{ 
	color: #007fd0;
	
}
a.productname:visited
{ 
	color: #007fd0;
	
}

a.productname:hover
{ 
	color: #9ccf30; 
	text-decoration: underline  
}
.complist
{ 
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #7b7b7b;
	text-decoration: none
}
a.complist:link
{ 
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #007fd0;
	text-decoration: none
}
a.complist:active
{ 
	color: #007fd0;
	
}
a.complist:visited
{ 
	color: #007fd0;
	
}

a.complist:hover
{ 
	color: #9ccf30; 
	text-decoration: underline  
}
/*----------- Bottom Product Style End ------------*/


/*----------- Form Element Styles Start ---------------*/
input, select, textarea {font-family: Tahoma, Arial, Helvetica, sans-serif; color:#676767; font-size: 8pt}
.qc {padding-top: 20px}
.qc input, .qc textarea  {width: 100%; border: 1px solid #a9b5c5; font-size: 8pt}
.qc textarea { height: 50px; overflow:auto}
.qc table {width: 90%}

.btn 
{
	background-color : #D5D3D4; 
	BORDER-RIGHT: #888888 1px solid;
    BORDER-TOP: #BFBFBF 1px solid;
    BORDER-LEFT: #BFBFBF 1px solid;
    BORDER-BOTTOM: #888888 1px solid; 
	padding-bottom : 1px; 
	padding-left : 1px; 
	padding-right : 1px; 
	padding-top : 1px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #000000
}
.txtbx {

	background-color : #FFFFFF; 
	BORDER: #a9b5c5 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000
}

.drpbx {

	background-color : #FFFFFF; 
	BORDER: #a9b5c5 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000
}
.txtarea 
{
	 background-color : #FFFFFF; 
	 BORDER: #a9b5c5 1px solid;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 10px;
	 color: #000000
}

/*--------------Form Element styles End ---------------*/
/*-------- Table Blue Border Style Start -------*/
.blubrd
{ 
	BORDER-RIGHT: #C1D6EA 1px solid;
    BORDER-TOP: #C1D6EA 1px solid;
    BORDER-LEFT: #C1D6EA 1px solid;
    BORDER-BOTTOM: #C1D6EA 1px solid;
	background-color: #F0F5FA
}
/*-------- Table Blue Border Style End -------*/
/*-------- Table Grey Border white bg Style Start -------*/
.grybrdwhtbg
{ 
	BORDER-RIGHT: #C6C6C6 1px solid;
    BORDER-TOP: #C6C6C6 1px solid;
    BORDER-LEFT: #C6C6C6 1px solid;
    BORDER-BOTTOM: #C6C6C6 1px solid;
	background-color: #FFFFFF
}
/*-------- Table Grey Border white bg Style End -------*/
.modname
{ 
	font-family:  verdana, Arial, Helvetica, sans-serif;
	font-size: 12 px; 
	font-style: normal; 
	font-weight: bold; 
	color: #007fd0; 
	text-decoration: none
}
.topic
{ 
	font-family:  verdana, Arial, Helvetica, sans-serif;
	font-size: 12 px; 
	font-style: normal; 
	font-weight: bold; 
	color: #9ccf30; 
	text-decoration: none
}
/*---------- DATA Table Styles  Start ------------*/
.datatblbrd
{
	BORDER-RIGHT: #375479 1px solid;
    BORDER-TOP: #375479 1px solid;
    BORDER-LEFT: #375479 1px solid;
    BORDER-BOTTOM: #375479 1px solid; 
}
.tdhead
{
	border: solid 1px #000987;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000987;
	text-align: center
}
.tddata
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
}
.trlgt
{
	BACKGROUND-COLOR:#C8DCF5
}
.trdrk
{
	BACKGROUND-COLOR:#94B7E4
}
.datalnk
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #010CA6;
    TEXT-DECORATION: none
}
A.datalnk:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #010CA6;
    TEXT-DECORATION: none
}
A.datalnk:active
{
    COLOR: #010CA6;
    TEXT-DECORATION: none
}
A.datalnk:visited
{
    COLOR: #010CA6;
    TEXT-DECORATION: none
}
A.datalnk:hover
{
    COLOR: #A90800;
    TEXT-DECORATION: underline
}
.tdcap
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #004EB4;
}
/*---------- DATA Table Styles  End ------------*/
/*----------- Page Path Styles Start -----------*/
.pgpath
{ 
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #474747;
	text-decoration: none
}
a.pgpath:link
{ 
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #007fd0;
	text-decoration: none
}
a.pgpath:active
{ 
	color: #007fd0;
	text-decoration: none
}
a.pgpath:visited
{ 
	color: #007fd0;
	text-decoration: none
}

a.pgpath:hover
{ 
	color: #007fd0;
	text-decoration: underline
}
.pglnk1 {font-family: "Microsoft Sans Serif",Arial, Helvetica, sans-serif; font-size: 11pt; TEXT-ALIGN: left; font-style: normal; font-weight: bold; text-decoration: none; color: #007fd0}
p,li,ul,ol
{ 
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #007fd0;
	text-decoration: none
	
}
a.pglnk1:link
{ 
	font-family:verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #007fd0;
	text-decoration: none
}
a.pglnk1:active
{ 
	color: #007fd0; 
	text-decoration: none
}
a.pglnk1:visited
{ 
	color: #007fd0; 
	text-decoration: none
}

a.pglnk1:hover
{ 
	
	color: #9ccf30; 
	text-decoration: underline  
}
/*----------- Page Path Styles nd -----------*/
/*---------- Inner Pages Left Menu Styles Start -------------*/
/*<div class="s_l" style="padding-left: 0px"><div class="item"><a href="/capabilities/dotnet_development.php">Microsoft .NET</a></div></div>*/
#left_nav {border-bottom: 4px solid #c8cccf}
#left_nav .f_l { background: url(../../images/subnav.gif) center left no-repeat; border-top: 1px solid #c8cccf; padding: 7px 3px 7px 15px }
#left_nav .f_l_selected { background: white url(../../images/subnav.gif) center left no-repeat; border: 1px solid #c8cccf; border-bottom: none; padding: 7px 3px 7px 15px; color: #007fd0; font-weight:bold }

#left_nav .f_l a, #left_nav .f_l_selected a {font-weight: bold; color: #474747; text-decoration: none}
#left_nav .f_l a:hover, #left_nav .f_l_selected a:hover {color: #007fd0}

#left_nav .s_l { border-top: 1px solid #c8cccf}

#left_nav .s_l .item {background: url(../../images/blueSquare.gif) left center no-repeat; padding: 5px 5px 5px 15px; margin-left: 15px; color: #007fd0; font-weight:bold}
#left_nav .s_l .item a {color: #474747; text-decoration:none; font-weight:normal}
#left_nav .s_l .item a:hover {color: #007fd0}

/*----------- Inner Pages Left menu Styles End ------------*/




/******************* <start>**************/
* {
  padding:0px;
  margin:0px;
}
p.text { 
    font:normal 11px Verdana, Arial, Helvetica, sans-serif;
    color: #007fd0;
	text-decoration: none;

}
p.textblc { 
    font:normal 11px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
	text-decoration: none;

}
a.cyberlink{
   font:bold 11px Verdana, Arial, Helvetica, sans-serif;
   color:#007fd0;
   text-decoration:none;

}
a.cyberlink:hover{
   font:bold 11px Verdana, Arial, Helvetica, sans-serif;
   color:#007fd0;
   text-decoration:underline;

}
a.cyberlink:focus{
   font:bold 11px Verdana, Arial, Helvetica, sans-serif;
   color:#000;
   text-decoration:none;

}
ul {
   padding:1em 0 1em 2.8em;
   font:bold 10px Verdana, Arial, Helvetica, sans-serif;
   overflow:hidden;
   list-style-type:none;
 
}
ul li{
   padding:00px 00 00 00;
   margin:05px;
   font:bold 10px Verdana, Arial, Helvetica, sans-serif;
   color:#007fd0;
   font-weight:bold;
   
}
.marTBL{
   margin: 05px 00px 00 15px;

}

h1.head {
	font:bold 18px "Microsoft Sans Serif",Arial, Helvetica, sans-serif;
	color:#ff8400; 
	text-decoration:none;
}
h2 {
    font:bold 15px "Microsoft Sans Serif",Arial, Helvetica, sans-serif;
	color:#ff8400; 
	text-decoration:none;
}
h3 {
    font:bold 13px "Microsoft Sans Serif",Arial, Helvetica, sans-serif;
	color:#ff8400; 
	text-decoration:none;
}


div {
  padding:0px;
  margin:0px;
}

#Maintop {
  float:left;
  padding:0px;
  margin:0px;
  height:80px;
  width:100%;
  
}

#top {
   width:20%;
   float:left;
}

#topinn {
   width:100%;
   height:5px;
   background:url(../../images/logo_top.jpg) left top;
   float:left;
}

.logo {
   background:url(../../images/CNPL_logo.jpg) no-repeat left top;
   width:250px;
   height:60px;
   float:left;
   text-align:left;
   font-size:0px;
  
}

.logo a {
   width:250px;
   height:60px;
   float:left;
   text-align:left;
   font-size:0px;
   display:block;
   text-indent:-999999px;
  
}
.logbot {
  background:url(../../images/logo_bot.jpg);
  width:250px;
  height:15px;
  float:left;
}
#top1 {
   width:80%;
   float:left;
   height:80px;
}
#topinn1 {
   width:80%;
   height:5px;
   background:url(../../images/logo_top.jpg) repeat-x left top;
   float:left;
}
.spacer {
   width:445px;
   height:60px;
   float:left;
}

.logbot1 {
  background:url(../../images/logo_bot.jpg);
  width:100%;
  height:15px;
  float:left;
}
#Rtdivder {
  background:url(../../images/nav_right_blank.jpg) no-repeat left top;
  width:10px;
  height:65px;
  float:right;
}
.logbot1 {
  background:url(../../images/logo_bot.jpg);
  width:475px;
  height:15px;
  float:left;
}

#head {
   width:100%;
   height:80px;
   float:left;
}
#topbg {
   width:100%;
   height:5px;
   float:left;
   background:url(../../images/logo_top.jpg) left top;
}
#bottomBg {
    width:100%;
    background:url(../../images/logo_bot.jpg) repeat-x bottom left;
	height:15px;
	float:left;
}
#absRT {
	background:url(../../images/nav_right_blank.jpg) no-repeat left top;
	width:10px;
	height:80px;
	float:right;
	position:absolute;
	left:99%;
	top: 0px;
}

/******************* < /start>**************/
