/* CSS Document */

Html body form p h1 h2 { margin:0px; padding:0px; }

body {
	margin:0px;
	background:url(../images/bg.gif) left top;
	}
	
td { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	}
a { color:#004584; text-decoration:none; outline:none; }
a:hover { color:#000000; text-decoration:unedrline; }

.wbg { background:#FFFFFF; /*border-left:1px solid #004584; border-right:1px solid #004584;*/ }

form {
	margin:0px;
	padding:0px;
	}
.spac20 { padding:15px 0px 0px 0px; } 
.spac15 { padding:15px 0px 0px 0px; } 	

/* header */

.head_mid {
	background:url(../images/head_mid.gif) no-repeat 70px center;
	padding:0px 20px 0px 0px;
	}

.top_repeat {
	background:url(../images/top_r.gif) repeat-x left top;
	color:#004584;
	font-weight:bold;
	font-size:11px;
	padding:3px 0px 0px 0px;
	}
.top_repeat a{	color:#004584; text-decoration:none; }
.top_repeat a:hover{	color:#004584; text-decoration:underline; }

.top_inputbg {
	background:url(../images/top_inputbg.gif) no-repeat left top;
	padding:0px;
	margin:0px;
	width:121px;
	height:24px;
	}

.top_input {
	/*background:url(../images/top_inputbg.gif) no-repeat left top;*/
	background:none;
	height:18px;
	width:115px;
	margin:0px;
	padding:0px 0px 0px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	border:none;
	}
	
.nav_bg {
	background:url(../images/nav_bg.gif) repeat-x left top;
	height:30px;
	}
.nav_bg a{
	background:url(../images/sp.gif) no-repeat right center;
	line-height:30px;
	display:block;
	float:left;
	padding:0px 18px 0px 18px;
	height:30px;
	color:#FFFFFF;
	text-decoration:none;
	}
.nav_bg a:hover{ color:#FFFFFF; text-decoration:underline; }

/* right */

.box_bd {
	border: 1px solid #dddddd;
	}
.box_title {
	background:url(../images/box_titlebg.gif) repeat-x left top;
	height:32px;
	line-height:32px;
	padding:0px 0px 0px 10px;
	font-size:14px;
	font-weight:bold;
	color:#004584;
	border-bottom: 1px solid #dddddd;
	}
.box_title span{ color:#FF0000; }

.box_title1 {
	background:url(../images/box_titlebg.gif) repeat-x left top;
	height:32px;
	
	padding:0px 0px 0px 10px;
	font-size:14px;
	font-weight:bold;
	color:#004584;
	border-bottom: 1px solid #dddddd;
	}
.box_title1 span{ color:#FF0000; }

a.box_link {font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none; padding:0px 0px 0px 0px; background:url(../images/box_title_link.gif) repeat-x left top; display:block; width:150px; line-height:32px; border: 1px solid #dddddd; margin:0px 0px 3px 0px; }
a.box_link:hover{ color:#004584; text-decoration:underline;  background:url(../images/box_titlebg.gif) repeat-x left top; display:block; }

.trial_txt {
	padding:15px 10px;
	}
.trial_txt a{ 
	background:url(../images/bullet.gif) no-repeat left 8px;
	line-height:24px;
	height:24px;
	display:block;
	width:160px;	
	color:#000000;
	padding:0px 0px 0px 20px;
	font-weight:bold;
	text-decoration:none;
	}
.trial_txt a:hover{ 
	background:url(../images/bullet_over.gif) no-repeat left 8px;
	line-height:24px;
	height:24px;
	color:#333333;
	font-weight:bold;
	text-decoration:underline;
	}
.trial_txt_small {
	padding:8px 10px;
	}	
	
.trial_txt_small a{ 
	background:url(../images/bullet.gif) no-repeat left center;
	line-height:24px;
	height:24px;
	display:block;
	width:100px;	
	color:#000000;
	padding:0px 0px 0px 20px;
	font-weight:bold;
	text-decoration:none;
	}
.trial_txt_small a:hover{ 
	background:url(../images/bullet_over.gif) no-repeat left center;
	line-height:24px;
	height:24px;
	color:#333333;
	font-weight:bold;
	text-decoration:underline;
	}
.trial_txt_small p span{ line-height:20px; font-weight:bold; display:block; text-align:right;}	
/* News */

.news {
	padding:5px;
	}

.img_ic {
	/*background-color:#FFFFFF;
	opacity: 0.8;
	filter: alpha(opacity=80);*/
	height: 16px;
	display:block;
	float:right;
	margin-top: -24px;
	_margin-top: -28px;
	z-index: 1001;
	position: relative;
	color:#000000;
	text-decoration:none;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight:bold;
	text-align:left;
}

a.page {	
	display:block;
	background:url(../images/page_bg.gif) no-repeat left center;
	width:13px;
	padding: 0px 0px 0px 5px;
	line-height:26px;
	color:#ff0000;
	font-weight:bold;
	float:left;
	text-decoration:none;
	}
a.page:hover {	
	display:block;
	width:13px;
	padding: 0px 0px 0px 5px;
	line-height:26px;
	color:#000000;
	font-weight:bold;
	float:left;
	text-decoration:none;
	}
a.events {
	background:#e2e2e2 url(../images/events_sp.gif) no-repeat bottom left;
	width:205px;
	font-size:11px;
	float:left;
	line-height:16px;
	text-decoration:none;
	color:#333333;
	padding:10px 10px 10px 10px;
	}
a.events:hover {
	background:#e2e2e2 url(../images/events_sp.gif) no-repeat bottom left;
	width:205px;
	color:#000000;
	padding:10px 10px 10px 10px;
	text-decoration:underline;
	}
	
/* products */

.pro_txt {
	padding:23px 8px 23px 16px;
	}
	

.pro_txt9{
	margin:0px;
	padding:0px 0px 15px 0px;
	}	
.pro_txt a{ 
	background:url(../images/bullet.gif) no-repeat left center;
	line-height:24px;
	height:24px;
	display:block;
	width:200px;	
	color:#615e5e;
	padding:0px 0px 0px 20px;
	font-weight:bold;
	text-decoration:none;
	}
.pro_txt a:hover{ 
	background:url(../images/bullet_over.gif) no-repeat left center;
	line-height:24px;
	height:24px;
	color:#333333;
	font-weight:bold;
	text-decoration:underline;
	}	
	
	.pro_txt1 {
	padding:23px 8px 23px 16px;
	}
	
	.pro_txt1 a{ 
	line-height:24px;
	height:24px;
	display:block;
	width:200px;	
	color:#615e5e;
	padding:0px 0px 0px 20px;
	font-weight:bold;
	text-decoration:none;
	}
.pro_txt1 a:hover{ 
	line-height:24px;
	height:24px;
	color:#333333;
	font-weight:bold;
	
	}	
/* text css */

H1		{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #004584;
	font-weight: bold;
	font-size: 18px;
}

H2		{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	font-size: 11px; 
	margin: 0px;
	padding:0px;
}
H2 a{ text-decoration:underline;}	

H3		{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	font-size: 11px; margin-bottom: 0px
}

H4		{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	font-size: 11px; margin-bottom: 0px
}

.linktext		{
	
	color: #666666;
	font-size: 11px;
	text-decoration: none;
	line-height: 130%;
}



#menu4 a.wactive{
	color: #000000;
	text-decoration:none;
	}

/* footer */
.foot_bg {
	background:#646363;
	}
.foot_bg1 { border-top:2px solid #494646; }										
.foot_r {
	background:url(../images/foot_r.gif) repeat-x left top;
	height:40px;
	}
.foot_r a {
	background:url(../images/foot_sp.gif) no-repeat right bottom;
	padding:10px 6px 0px 6px;
	height:23px;
	color:#004584;
	font-size:11px;
	display:block;
	float:left;
	}
.foot_r a:hover{ text-decoration:underline; }

.copy_txt {
	background:url(../images/hw_line.gif) repeat-x left top;
	line-height:40px;
	color:#CCCCCC;
	font-size:11px;
	padding:0px 10px 0px 10px;
	}
.foot_link {
	background:url(../images/vw_line.gif) repeat-y right top;
	}
.foot_link a{
	color:#CCCCCC;
	font-size:11px;
	width:auto;
	line-height:16px;
	padding:0px 0px 0px 10px;
	display:block;
	}
.foot_link a:hover { text-decoration:underline; color:#CCCCCC; }	

/* left-text-2 */

.glossymenu{
margin: 0;
padding: 0;
/*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

a.menuitem{
background: none;
font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:#004584;
display:block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding:4px 0;
text-decoration:none;
cursor:pointer;
}
a.menuitem span{ display:block; text-decoration:none; padding:0px 0px 0px 1px; float:left;}

a.act{
background: none;
font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:#e86121;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding:4px 0;
cursor:pointer;
text-decoration:none;
}
a.act span{ display:block; text-decoration:underline; padding:0px 0px 0px 1px; float:left; color:#e86121;}

a.menuitem:hover{
color:#e86121;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}



.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background:#FF0000;
}
div.submenu{ /*DIV that contains each sub menu*/

padding:8px;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}
		
A.boldorangelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E86121;
	font-weight: bold;
	font-size: 11px;
	padding:10px 0px 0px 0px;
	display:block;
	text-decoration:underline;
}

A.boldorangelink:hover {
	color:#000000;
}

A.more {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E86121;
	font-weight: bold;
	font-size: 11px;
	text-decoration:underline;
}

A.more:hover {
	color:#000000;
}

.design { display:block; width: 260px; line-height: 40px; text-align:right; }
.design span { width: 130px; display:block; float:left; font-size:11px; text-align:right; }				
.design span a{ 
	color:#FFFFFF; 
	text-align:right;
	text-decoration:none;
	
	padding: 0px 0px 0px 20px;
	line-height: 40px;
	float:left;
	}	
.design span a:hover{ color:#FFFFFF; text-decoration:underline; } 	

/* solutions pages */

.sol_top {
	background:#b1b1b1;
	line-height:40px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding:0px 0px 0px 15px;
	}
.sol_top a { color:#FFFFFF; text-decoration:none; }
.sol_top a:hover { color:#FFFFFF; text-decoration:none; }

.sol_righttopbg {
	background:url(../images/sol_righttopbg.gif) repeat-x left top;
	line-height:40px;
	padding:0px 0px 0px 15px;
	color:#004584;
	font-weight:bold;
	}
.sol_righttopbg a{ color:#004584; text-decoration:none; }
.sol_righttopbg a:hover{ color:#000000; text-decoration:underline; }	

.left_bg {
	background:#d7d7d7;
	}
a.left_link {
	font-size:12px;
	font-weight:bold;
	color:#004584;
	width:185px;
	height:30px;
	line-height:30px;
	background:url(../images/left_sp.gif) no-repeat left bottom;
	display:block;
	padding:0px 0px 0px 15px;
	}
a.left_link:hover {	background:url(../images/box_titlebgo.gif) repeat-x left top;
}
.title {
	margin:0px;
	padding:0px 0px 10px 0px;
	color:#004584;
	font-size:20px;
	}
.title span{
	padding:0px 0px 10px 0px;
	color:#e86121;
	font-size:24px;
	font-weight:bold;
	width:auto;
	display:block;
	border-bottom:1px solid #dcdcdc;
	}
.title a{ text-decoration:none; } 
.title a:hover{ text-decoration:underline; color:#e86121;} 	

.maincontent {
	font-size:12px; padding:3px;
}
.maincontent p { margin:0px; padding:0px 10px 7px 0px; line-height:16px; }

.maincontent p img{ float:right;}	
.maincontent h2 {
	margin:0px;
	padding:0px 0px 4px 0px;
	color:#004584;
	font-size:14px;
	font-weight:bold
	}	
	.maincontent h3 {
	margin:0px;
	padding:0px 0px 4px 0px;
	color:#004584;
	font-size:13px;
	font-weight:bold
	}	
.maincontent h2 span{color:#e86121; }
.maincontent ul {
	margin:0px;
	padding:0px 0px 0px 10px;
	}
.maincontent ul li {
	margin:0px;
	list-style-type:none;
	padding:5px 0px 5px 20px;
	background:url(../images/bullet_b.gif) no-repeat left 7px;
	}
.maincontent ul li a{ text-decoration:underline; color:#333333; }
.maincontent ul li a:hover{ text-decoration:none; color:#333333; } 			
			
/* middle tab menu */

.midmenu {color:#004584; font:11px Arial, Helvetica, sans-serif;}
.midmenu ul {margin:0px; padding:0px; list-style:none; text-align:center;}
.midmenu li {padding:0px; float:left; display:block;}
.midmenu li a{
	color:#004584;
	font-weight:bold;
	display:block;
	float:left;
	text-decoration:none;
	line-height:28px;
	margin:0px 0px 0px 0px;
	outline:none;
	background:url(../images/rtab_left.gif) no-repeat left top;
	}
.midmenu li a span{ text-decoration:none; display:block; line-height:28px; padding:0px 21px 0px 21px; background:url(../images/rtab_right.gif) no-repeat right top; }	
.midmenu li a:hover { color:#000000; text-decoration:underline; }

.midmenu li a.tabactive {
	color:#004584;
	font-weight:bold;
	display:block;
	float:left;
	text-decoration:none;
	line-height:28px;
	background:url(../images/rtab_lefts.gif) no-repeat left center;
	}
.midmenu li a.tabactive span{ text-decoration:none; display:block; line-height:28px; padding:0px 21px 0px 21px; background:url(../images/rtab_rights.gif) no-repeat right center; }	
.midmenu li a.tabactive:hover { color:#000000; text-decoration:underline; }	

.midtop_bd { background:url(../images/grey_bd.gif) repeat-x left bottom; }
.mid_bd { border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;  padding:15px 0px 20px 10px; }
	
.bd {
	border: 1px solid #dddddd;
	border-collapse:collapse;
	}
.chart_title { color:#004584; font-weight:bold; line-height:20px; }	

.mandatory { color:#FF0000; font-weight:bold; font-size:14px; }		 


/* Change by lokesh 26-09-09 */
.onlinedemotextbox
{
	width:220px;
	font-size:12px;
	/* border-bottom-width:medium;
	border-right-width:medium;*/

	
}
.onlinedemodropdown
{
	width:225px;
	font-size:12px;
	/* border-bottom-width:medium;
	border-right-width:medium;*/

	
}
.onlinedemodropdown1
{
	width:225px;
	font-size:11px;

	/* border-bottom-width:medium;
	border-right-width:medium;*/

	
}
.onlinedemotextboxsmall
{
	width:78px;
	font-size:12px;
	/* border-bottom-width:medium;
	border-right-width:medium;*/
}

.onlinedemotextboxmiddle
{
	width:150px;
	font-size:12px;
	/* border-bottom-width:medium;
	border-right-width:medium;*/
}
.testimonialtext
{
	width:452px;
	min-height:54px;
	font-size:18px;
	color:#336B9D;
}
/* Change by lokesh 26-09-09 */
/*Added new class by komal 01-10-09 */
.cust_scess_bg{ background-color:#f7f7f7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	padding:10px; text-align:justify; line-height:20px;
}
.cust_scess_link { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; font-weight:bold;
	color:#e86121; text-decoration:none; outline:none; }
.cust_scess_link:hover { color:#000000; text-decoration:unedrline; }
.cust_bttm_brdr{ background-color:#d7d7d7; line-height:5px;}
.cust_tbl{ border-bottom-width:1px;
	border-color:#d7d7d7}



/*notepad css*/

.notepadtxt{
width:260;


}

.notepadtxt h1{
padding-left:45px;


}

.notepadtxt p{
padding-left:27px;

}

.black{
color:BLUE;
padding-left:10px;}


.MessageTitle
{
font-size:14px;	
color:#FF0000;
}

.MessageTitleBlack
{
font-size:14px;	
color:Black;
font-weight:bold;
}
.errorcontent
{
font-size:9px;	
color:#FF0000;
}

