@charset "utf-8";
/* CSS Document */

BODY{
	background:url(../images/bodybg.gif) repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	font-weight:normal;
	text-decoration:none;
	margin:0 10px 20px 10px;
	text-align:center;
	}
FORM{
	margin:0;
	padding:0;
	}
	
#wrapper{
	margin:0;
	padding:0;
	width:969px;
	}
#topHeader{
	background:#fff;
	height:80px;
	width:969px;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 33px;
	}
#logo{
	width:775px;
	float:left;
	}
#flag{
	width:200px;
	float:right;
	padding:20px 34px 0 0;
	text-align:right;
	}
#bannertextleft{
	width:450px;
	float:left;
	text-align: left;
	font-weight:bold;
	}
#bannertextright{
	width:450px;
	float:right;
	text-align:right;
	font-weight:bold;
	padding-right:35px;
	}
#errorMessege{
	text-align:center;
	color:#ffff00;
	padding:2px;
}
#webMailLink{
	text-align:right;
	padding:6px 6px 0 6px;
}
/*
#menus{
	width:100%;
	text-align:center;
	padding-left:34px;
	}*/
.menuMain{
	width:104px;
	float:left;
	}
#menuContact{
	width:103px;
	float:left;
	}
	
#banner{
	padding:0;
	margin:0;
	}
#header2Top{
	padding:0;
	background:url(../images/banner2header.gif) no-repeat center;
	width:935px;
	height:39px;
	float:none;
	}
#bgBody{
	float:left;
	width:1002px;
	background-color:#fefaeb;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	z-index:-1;
	}
/*#bgBodyOne{
	float:left;
	width:1002px;
	background-color:#fefaeb;
	border-left:1px solid #666666;
	border-right:1px solid #666666;	
	z-index:-1;
	
	}*/	
.contentheaderImage{
	position:relative;
	float:left;
	width:350px;
}
.gotoTop{
	position:relative;
	float:right;
	width:200px;
	text-align:right;
	padding:0 20px 0 0;
}
#banner2Body{
	margin-left:33px;
	-moz-margin-start:34px;
	width:935;
	}
#login{
	color:#fff;
	background-color:#69c;
	float:left;
	width:233px;
	height:130px;
	text-align:right;
	padding:20px 20px 0 0;
	}
.loginText{
	float:left;
	width:80px;
	height:22px;
	_height:0;
	text-align:right;
	padding:4px 6px 0 0;
	_padding:0 6px 0 0;
}
.loginInputBox{
	text-align:left;
	float:right;
	background:#69c url(../images/inputext_bg.gif) no-repeat right bottom;
	height:26px;
	_height:26px;
	width:147px;
	}
.loginInputText{
	width:139px;
	height:16px;
	_height:15px;
	border:1px solid #666;
	color:#000;
}
.submitBtnBox{
padding:0 4px 0 0;
}
.submitButton{
background:url(../images/button_bg.gif) repeat-x;
color:#000;
font-size:11px;
font-weight:bold;
border:1px solid #444;
width:70px;
}
#quickLinks{
	background-color:#6699cc;
	float:left;
	width:180px;
	height:130px;
	text-align:left;
	padding:20px 0 0 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:18px;
	}
.bannerLinks{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.bannerLinks:link, .bannerLinks:active, .bannerLinks:visited {
	text-decoration:none;
}
.bannerLinks:hover{
	text-decoration:underline;
}

#events{
	background-color:#6699cc;
	float:left;
	width:268px;
	height:130px;
	text-align:left;
	padding:20px 0 0 0;
	}
#online{
	background-color:#6699cc;
	float:left;
	width:204px;
	height:130px;
	text-align:left;
	padding:20px 0 0 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:18px;
	}
.separator{
	float:left;
	width:2px;
	}
UL{
	margin:0;
	padding:0;
	}
.liEvents{
	color:#fff;
	padding:0 0 0 10px;
	line-height:18px;
	list-style-position:inside;
	}
.eventsLinks{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
.eventsLinks:link, .eventsLinks:active, .eventsLinks:visited {
	text-decoration:none;
}
.eventsLinks:hover{
	text-decoration:underline;
}
.more{
padding:0 0 0 10px;
}
#banner3bg{
width:935px;
}
.banner3Left{
width:18px;
float:left;
}
#banner3Middle{
width:899px;
height:96px;
float:left;
background-color:#FFFFFF;
border-top:1px solid #69c;
border-bottom:1px solid #69c;
}
#boxBlog{
width:268px;
_width:272px;
float:left;
text-align:left;
margin:24px 0 0 20px;
_margin:24px 0 0 8px;
}
#boxSearch{
width:315px;
float:left;
}
#searchBg{
	height:30px;
	background:url(../images/searchBg.gif) no-repeat;
	width:315px;
	padding:4px 0 0 0;
	}
#searchText{
	float:left;
	padding:2px 0 0 20px;
	}
#searchInputBox{
width:185px;
border:1px solid #66707a;
color:#66707a;
font-size:11px;
float:left;
margin:0 0 0 6px;
}
#searchBtn{
float:left;
margin:0 0 0 8px;
padding:0;
}
#newsletter{
text-align:left;
margin:14px 0 0 20px;
}
#newsletterInputBox{
width:185px;
height:18px;
border:1px solid #66707a;
color:#66707a;
font-size:11px;
float:left;
margin:6px 0 0 0;
padding:0 0 0 2px;
}
#subscribeBtn{
position:relative;
float:left;
margin:5px 0 0 6px;
}
#icons{
margin:14px 0 0 0;
}
#bodyContent{
width:935px;
}
#bodyContentText{
float:left;
width:700px;
margin:12px 0 0 0;
}
#bodyContentText h1{
color:#ff6633;
font-size:18px;
}
#bodyContentText h2{
color:#ff6633;
font-size:18px;
}

#bodyContentText h3{
color:#ff6633;
font-size:12px;
}
#bodyContentText h3.black{
color:#000000;
font-size:12px;
}
#bodyTextArea{
width:668px;
background-color:#FFFFFF;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
text-align:left;
padding:10px 0 0 24px;
}
/* --------- Created by sudeep on 05-01-2009 for Admin section ---------------- */
#admin-section {
}
#admin-section #bodyContentText{
float:left;
width:936px;
margin:12px 0 0 0;
}
#admin-section #bodyTextArea{
width:904px;
background-color:#FFFFFF;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
text-align:left;
padding:10px 0 0 24px;
}

.logout {
float:right; margin:-25px 15px 0px 0px;
}
.logout a {

font:bold 11px Arial, Helvetica, sans-serif;
color:#0099FF;
text-decoration:none;
}
.logout a:hover {
text-decoration:underline;
}


/* --------- Created by sudeep on 05-01-2009 for Admin section ---------------- */
#rightPanel{
width:240px ;
float:right;
}
#contentMain{
padding:0 20px 2px 0;
}
#contentMain p{
text-align:justify;
}
.l2m{
font-weight:bold;
}
#newsRoomTop{
float:right;
margin:12px 0 0 0;
}
#newBoxBg{
xposition:relative;
float:right;
width:196px;
height:70px;
_height:220px;
background:url(../images/news_bg.gif) no-repeat right top #fff;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
text-align:left;
padding:10px 10px 10px 16px;
}
#newsContent{
padding:14px 0 20px 0;
}
#newsRoomBottom{
float:right;
}

#loginTop{
float:right;
margin:12px 0 0 0;
}
#loginBoxBg{
xposition:relative;
float:right;
width:196px;
height:90px;
_height:220px;
background:url(../images/login_bg.gif) no-repeat right top #fff;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
text-align:left;
padding:10px 10px 10px 16px;
}
#loginContent{
padding:14px 0 5px 0;
height:50px;
}
#loginBottom{
float:right;
}
#loginInputBox{
float:left;
width:85px;
height:25px;
}
#loginInputLabel{
float:left;
width:60px;
height:25px;

}




#newsletterTop{
float:right;
margin:12px 0 0 0;
}
#newsletterBoxBg{
xposition:relative;
float:right;
width:196px;
height:75px;
_height:220px;
background:url(../images/newsletter_bg.gif) no-repeat right top #fff;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
text-align:left;
padding:10px 10px 10px 16px;
}
#newsletterContent{
padding:14px 0 5px 0;
height:40px;
}
#newsletterBottom{
float:right;
}
#newsletterInputBox{
float:left;
width:85px;
height:25px;
}
#newsletterInputLabel{
float:left;
width:60px;
height:25px;

}






#whitePapers{
float:right;
margin:20px 0 0 0;
}
#bottomLinks{
width:1002px;
position:relative;
margin:30px 0 0 0;
float:left;
}
.footerLinks{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	font-weight:normal;
	text-decoration:underline;	
}
.footerLinks:link, .footerLinks:active, .footerLinks:visited {
	text-decoration:underline;
}
.footerLinks:hover{
	text-decoration:none;
	color:#f60;
}
#footer{
width:1004px;
background:url(../images/footer.gif) no-repeat center;
height:20px;
padding:0 0 10px 0;
}
.moreLink{
color:#333;
font-weight:bold;
text-decoration:none;
}
.moreLink :link, .moreLink:active, .moreLink:visited{
color:#333;
font-weight:bold;
text-decoration:none;
}
.moreLink:hover{
color:#000;
font-weight:bold;
text-decoration:underline;
}
.newsLinks{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	font-weight:normal;
	text-decoration:none;	
}
.newsLinks:link, .newsLinks:active, .newsLinks:visited {
	text-decoration:none;
}
.newsLinks:hover{
	text-decoration:underline;
}
/* //////////////////////// Flag Tooltip////////////////////////////////// */
#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid #666;
padding: 20px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
/* //////////////////////// Flag Tooltip/////////////////////////////////// */
/* style the outer div to give it width */
.menu {font-size:0.85em; padding:0 0 0 34px; width:1000px; background:transparent; }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:28px; background:transparent;}

/* style the sub-level lists */
.menu ul ul {}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left; height:28px; width:117px; line-height:25px; display:block;  background:url(../images/menu_bg.gif) no-repeat; color:#fff;}

.menu ul li.current {float:left; height:28px; width:117px; line-height:25px; display:block;  background:url(../images/hover_bg.gif) no-repeat; color:#fff;}
/* style the sub level list items */
.menu ul ul li {display:block; width:167px; height:auto; line-height:1em; }
.menu ul ul li.last {padding-bottom:10px; background:url(../tab/sub_bottom.gif) bottom left no-repeat;}
.menu ul ul ul li.last {padding-bottom:10px; background:url(../tab/two_bottom.gif) bottom left no-repeat;}
.menu ul ul ul ul li.last {padding-bottom:10px; background:url(../tab/three_bottom.gif) bottom left no-repeat;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block; width:117px; float:left; height:28px; font-size:11px; text-decoration:none; color:#fff; padding:2px 0 0 0; text-align:left;border:0;  }
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {display:block; width:117px; line-height:25px; display:block;  }

.menu a:hover{display:block; height:26px; background:url(../images/hover_bg.gif) no-repeat;}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#5f8fbf; color:#fff;width:145px; height:100%; line-height:1em; padding:5px 10px; border:1px solid #288db0; border-width:0 1px;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:160px; w\idth:145px;}


body#home .menu ul li a.current1, body#solutions .menu ul li a.current2, body#products .menu ul li a.current3, body#colaboration .menu ul li a.current4, body#career .menu ul li a.current5, body#faqs .menu ul li a.current6, body#about .menu ul li a.current7, body#reach .menu ul li a.current8 {
display:block; height:26px;_height:28px; background:url(../images/hover_bg.gif) no-repeat;
}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#5f8fbf; width:128px;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#5f8fbf;}
/* style the sub level 1 background */
/*.menu ul :hover a.sub1 {background:#5f8fbf; border-bottom:1px dotted #5f8fbf;}*/
/* style the sub level 2 background */
/*.menu ul ul :hover a.sub2 {background:#5f8fbf; border-bottom:1px dotted #5f8fbf;}*/
/* ---- */
.menu ul a.sub1 {background:#5f8fbf;}
.menu ul ul a.sub2 {background:#5f8fbf;}
/*.menu ul :hover a.sub1 {background:#000; border-bottom:1px dotted #5f8fbf;}*/
/* style the level hovers */
/* first */
* html .menu a:hover {color:#fff; border:0; height:28px; position:relative; z-index:100;}
.menu li:hover {position:relative;}

.menu :hover > a {color:#fff; border:0; height:26px; background:url(../images/hover_bg.gif) no-repeat;}
/* second */
* html .menu ul ul a:hover{color:#000; background:#ff9d39; position:relative; z-index:110; height:100%; border:1px solid #288db0; border-width:0 1px;}

.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#000; background:#ff9d39; z-index:110; height:100%; border:1px solid #288db0; border-width:0 1px;}
/* third */
* html .menu ul ul ul a:hover {background:#ff9d39; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#ff9d39;}
/* fourth */
.menu ul ul ul ul a:hover {background:#ff9d39; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0; top:28px; left:0; width:150px;}

/* position the third level flyout menu */
.menu ul ul ul{top:-10px; width:150px;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul {visibility:visible; height:auto; padding:15px 30px 30px 30px; background:transparent url(../tab/sub_top.gif) 30px 0 no-repeat; left:-30px;}
.menu ul :hover ul.left {visibility:visible; height:auto; padding:15px 30px 30px 30px; background:transparent url(../tab/sub_top_left.gif) 30px 0 no-repeat; left:-81px;}


/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible; left:130px; height:auto; padding:10px 30px 30px 30px; background:transparent url(../tab/two_top.gif) 30px 0 no-repeat;}
.menu ul :hover ul.left :hover ul {left:-170px;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible; left:-179px; height:auto; padding:10px 30px 30px 30px; background:transparent url(../tab/three_top.gif) 30px 0 no-repeat;}