/* ByteMobile Master Stylesheet */

/* Global Layout
-------------------------------*/
body { 
	background-color: #fff; 
	margin: 0 auto; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #666; 
	text-align: center; }
#wrapper { 
	position: relative;
	width: 760px; 
	padding: 0px; 
	margin: 0px auto; }
#container {
	position: absolute; 
	top: 162px; 
	left: 0px;
	}

/* General Default Styles
-------------------------------*/	
.handheld {
	display: none;
	}
br {
	clear: both;
	}
h1 {
	font-weight: bold;
	font-size: 14px;
	color: #000;
	margin: 0 0 30px 0;
	}
h2 {
	font-weight: bold;
	font-size: 12px;
	color: #990000;
	margin: 2px 0 10px 0;
	}
h2.alt {
	font-weight: bold;
	font-size: 12px;
	color: #666;
	margin: 5px 0 16px 0;
	}
h3 {
	font-weight: bold;
	font-size: 11px;
	color: #666666;
	margin: 0px 0 10px 0;
	padding-top:5px;
	}
h3.alt {
	font-weight: bold;
	font-size: 11px;
	color: #990000;
	margin: 5px 0 2px 0;
	}
p {
	font-size: 11px;
	color: #666;
	margin: 0 0 12px 0;
	clear: both;
	line-height: 15px;
	}
ul { 
	list-style-type: none; 
	padding: 0px;  
	margin: 0;
	}
li { 
	list-style-type: none; 
	background:  url(/img/bullet.gif) no-repeat 1px 5px; 
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	}

ul ul { 
	list-style-type: none; 
	padding: 0;  
	margin: 10px 0 0 0;
	}
li li { 
	list-style-type: none; 
	background:  url(/img/bullet2.gif) no-repeat 1px 5px; 
	padding: 0 0 0 12px;
	}
ul ul ul { 
	list-style-type: none; 
	padding: 0;   
	margin: 10px 0 0 0;
	}
li li li { 
	list-style-type: none; 
	background:  url(/img/bullet3.gif) no-repeat 1px 4px; 
	padding: 0 0 0 12px;
	}
ul ul ul ul { 
	list-style-type: none; 
	padding: 0;  
	margin: 10px 0 0 0;
	}
li li li li { 
	list-style-type: none; 
	background:  url(/img/bullet4.gif) no-repeat 1px 5px; 
	padding: 0 0 0 10px;
	}
a:link { 
	text-decoration: underline; 
	color: #DB3434;  
	}
a:active { 
	text-decoration: underline; 
	color: #FF008A;  
	}
a:visited { 
	text-decoration: underline; 
	color: #666;  
	}
a:hover { 
	text-decoration: underline; 
	color:#FF4800;
	}
ul.links { 
	list-style-type: none; 
	padding: 0;  
	margin: 0 0 0 0;
	}
ul.links li { 
	list-style-type: none; 
	background:  url(/img/arrow-red.gif) no-repeat 1px 5px; 
	margin: 0;
	padding: 0 0 8px 10px;
	}
ul.links a:link { 
	text-decoration: none; 
	color: #DB3434;  
	}
ul.links a:active { 
	text-decoration: none; 
	color: #FF008A;  
	}
ul.links a:visited { 
	text-decoration: none; 
	color: #666;  
	}
ul.links a:hover { 
	text-decoration: underline; 
	color: #FF4800;  
	}
a.top:link, a.top:active, a.top:visited { 
	text-decoration: none; 
	color: #666;
	clear: both;
	font-size: 9px;
	background: url(/img/top.gif) no-repeat 0 4px;
	padding: 0 0 0 12px;
	}
a.top:hover { 
	color: #DB3434; 
	}
.float {
	float: left; 
	margin: 0; 
	padding: 0;
	}
.caption {
	margin: 7px 0 24px 0;
	color: #A31F1F;
	}
.sub {
	margin: 1px 0 5px 0;
	color: #A31F1F;
	}
img {
	border: 0;
	}
td { 
	font-size: 11px;
	color: #666;
	}
table.data {
	border-collapse:collapse; 
	border:0px; 
	width: 100%;
	margin: 10px 0 10px 0;
	}
table.data th {
	padding: 5px;
	font-weight: bold;
	color: #fff;
	background-color: #bbb;
	font-size: 11px;
	text-align: left;
	}
table.data td {
	padding: 5px;
	text-align: left;
	}
table.data td p {
	margin: 3px 0 3px 0;
	line-height: 15px;
	}
table.data tr.row1 {
	background-color: #fff;
	}
table.data tr.row2 {
	background-color: #f2f2f2;
	}
.date {
	display: inline;
	width: 56px; 
	float: left;
	}
.article {
	display: inline;
	float: left;
	width: 340px;
	}
.article_sm {
	display: inline;
	float: left;
	width: 130px;
	}
.article_sm_new {
	display: inline;
	float: left;
	}
.article p {
	padding: 0;
	margin: 0 0 2px 0;
	}
.article_sm p {
	padding: 0;
	margin: 0 0 2px 0;
	}	
.required { 
	color: #666;
	font-size: 11px;
	background: url(/img/required.gif) no-repeat 0 6px;
	padding: 0 0 0 8px;
	margin: 0;
	}
input {
	font-family: "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	color: #666;
	}
.input { 
	border: 1px solid #ccc; 
	}
select {
	font-family: "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	color: #666;
	}
.select { 
	border: 1px solid #ccc; 
	}
	
/* Masthead
-------------------------------*/
#header {
	position: relative;
	width: 760px;
	height: 79px;
	background: #fff url(/img/bytemobile-header.gif) no-repeat top left;
	text-align: left;
	margin-bottom: 1px;
	}
#logo {
	float: left; 
	margin: 30px 0 0 0px;
	padding:0px 0px 0px 14px;
	border: 0;
	}
#people {
	position: absolute;
	top: 24px;
	left: 599px;
	z-index: 5;
	width: 155px;
	height: 137px;
	background: url(/img/people.gif) no-repeat top left;
	}
	
/* Global Navigation
-------------------------------*/
#nav_global {
	margin-left: 559px;
	font-size: 10px;
	text-align: left;
	}
#nav_global .links {   
	float: left;
	width: 58px;
	margin: 1px 8px 0 0; 
	text-align: center;
	}
#nav_global a:link { 
	text-decoration: none; 
	color: #DB3434;  
	}
#nav_global a:active { 
	text-decoration: none; 
	color: #FF008A;  
	}
#nav_global a:visited { 
	text-decoration: none; 
	color: #666;  
	}
#nav_global a:hover { 
	text-decoration: underline; 
	color: #FF4800;  
	}

/* Main Navigation
-------------------------------*/
#nav_main {
	height: 28px;
	border: 1px solid #D5D3D3;
	background: #fff url(/img/main-nav.gif) repeat-x top left;
	text-align: left;
	}
#products, #products:visited {
	background-image:url(/img/products-application.gif);
}
#service, #service:visited {
	background-image:url(/img/solutions-services.gif);
}
#news, #news:visited {
	background-image:url(/img/news-events.gif);
}
#partners, #partners:visited {
	background-image:url(/img/partners.gif);
}
#about, #about:visited {
	background-image:url(/img/about-us.gif);
}
.rollover span.alt {
	display:none;
}
.rollover img {
	border:none;
}
:root .rollover img {
	display:block;
}
.rollover, .rollover:visited {
	background-color:transparent !important; /* needed for Opera5/6 */
	background-repeat:no-repeat;
	background-position:0 0;
}
.rollover:hover, .rollover:focus, .rollover:active, .rollover.MMO, .rollover.MMO:visited {
	background-position:0 -28px;
}

/* Breadcrumb
-------------------------------*/
#breadcrumb {
	position: absolute;
	top: 111px;
	left: 0px;
	width: 760px;
	padding-top: 6px;
	text-align: left;
	background: #fff url(/img/breadcrumb.gif) repeat-x top left;
	}
#breadcrumb p {
	padding: 0;
	margin: 0 10px 0 10px;
	height: 44px;
	}
#breadcrumb a:link { 
	text-decoration: none; 
	color: #DB3434;  
	}
#breadcrumb a:active { 
	text-decoration: none; 
	color: #FF008A;  
	}
#breadcrumb a:visited { 
	text-decoration: none; 
	color: #DB3434;  
	}
#breadcrumb a:hover { 
	text-decoration: underline; 
	color: #FF4800;  
	}

/* Left-Hand Navigation
-------------------------------*/
#nav_left {
	display:inline;
	float: left;
	width: 161px;
	margin-right: 26px;
	text-align: left;
	color: #999;
	}
#nav_left ul { 
	list-style-type: none; 
	padding: 0;  
	margin: 0;
	}
#nav_left li { 
	list-style-type: none; 
	padding: 0;  
	margin: 0;
	line-height: 0px;
	}
#nav_left div.lev2 { 
	display: table; 
	height: 35px;
	width: 161px; 
	#position: relative; 
	overflow: hidden;  
	background: url(/img/left-nav.gif) no-repeat top left; 
	text-align: left; 
	padding: 0;
	margin: 0;
	}
#nav_left div.lev2 p {
	#position: absolute; 
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;
	padding: 0 18px 0 5px;
	}
#nav_left div.lev2 p span { 
	#position: relative; 
	#top: -50%;
	color: #999;
	}
#nav_left div.lev2 a:link { 
	#position: relative; 
	#top: -50%;
	text-decoration: none; 
	color: #990000; 
	}
#nav_left div.lev2 a:active { 
	#position: relative; 
	#top: -50%;
	text-decoration: none; 
	color: #FF008A;  
	}
#nav_left div.lev2 a:visited { 
	#position: relative; 
	#top: -50%;
	text-decoration: none; 
	color: #990000;  
	}
#nav_left div.lev2 a:hover { 
	#position: relative; 
	#top: -50%;
	text-decoration: none; 
	color: #666;  
	}
#nav_left div.lev3 {  
	width: 161px;   
	background: url(/img/lev3-bg.gif) repeat top left; 
	text-align: left; 
	padding: 16px 0 5px 0;
	margin: 0;
	}
#nav_left div.lev3 p {
	padding: 0 10px 12px 16px;
	margin: 0;
	}
#nav_left div.lev3 a:link { 
	text-decoration: none; 
	color: #990000; 
	}
#nav_left div.lev3 a:active { 
	text-decoration: none; 
	color: #FF008A;
	}
#nav_left div.lev3 a:visited { 
	text-decoration: none; 
	color: #990000; 
	}
#nav_left div.lev3 a:hover { 
	text-decoration: none; 
	color: #999;  
	}

/* Content Column (3 Column Layout)
-------------------------------*/
#content_center {
	display: inline;
	float: left;
	width: 395px;
	margin-right: 23px;
	text-align: left;
	}
#content_center .pgtitlebar_new {
	float: left;
	width: 340px;
	height: 52px;
	background: url(/img/page-title-inner.gif) no-repeat top left;
	margin: 1px 0 15px 4px; 
	}	
	
#content_center_wide {
	display: inline;
	float: left;
	width: 580px;
	margin-right: 23px;
	text-align: left;
	}
	
#content_center .columns {
	position: relative;
	width: 400px;
	clear: both;
	}
#content_center .column1 {
	float: left; 
	width: 190px; 
	margin-right: 20px;
	}
#content_center .column2 {
	float: left; 
	width: 190px;
	}
.prod_icon{float:left;}
.prod_text{float:left; margin:0 0 0 10px; width:140px;}

.prod_text h3 {
	margin: 0 0 8px 0;
	}
.pullquote {
	clear: both;
	border-top: 1px solid #ccc;
	padding: 3px 0 0 15px;
	background: url(/img/quote-left.gif) no-repeat top left;
	}
.pullquote p {
	color: #990000;
	font-size: 12px;
	line-height: 16px;
	}
.pullquote p.sig {
	color: #666;
	font-size: 11px;
	text-align: right;
	}


/* Content Column (2 Column Layout)
-------------------------------*/
#content {
	display: inline;
	float: left;
	width: 573px;
	margin: 0px;
	text-align: left;
	}
#content .pgtitlebar {
	float: left;
	width: 485px;
	height: 74px;
	background: url(/img/page-title-bg.gif) no-repeat top left;
	margin: 0px 0 15px 0px; 
	}	
#content_center .pgtitlebar_small{	/*on main page tere are 2 columns at right so the bg image of h1 has to be small - Deepak*/
	float: left;
	width: 305px;
	height: 74px;
	background: url(/img/page-title-bg_small.gif) no-repeat top left;
	margin: 0px 0 15px 0px; 
	}
	
#content .columns {
	position: relative;
	width: 573px; 
	clear: both;
	}
#content .column1 {
	float: left; 
	width: 274px; 
	margin-right: 25px;
	}
#content .column2 {
	float: left; 
	width: 274px;
	}
.lev4nav {
	clear: both;
	border-top: 1px solid #E5E5E5;
	height: 38px;
	font-size: 10px;
	color: #ccc;
	}
.lev4nav .box {
	float: left;
	padding: 0 10px 1px 10px;
	text-align: center;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.lev4nav .box1 {
	float: left;
	padding: 0 4px 1px 4px;
	text-align: center;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	}
.lev4nav a:link { 
	text-decoration: none; 
	color: #DB3434;  
	}
.lev4nav a:active { 
	text-decoration: none; 
	color: #FF008A;  
	}
.lev4nav a:visited { 
	text-decoration: none; 
	color: #666;  
	}
.lev4nav a:hover { 
	text-decoration: underline; 
	color: #FF4800;  
	}


/* Updated on 19 Dec */
#content .left-sec{
width:380px;
float:left;
}

#content .left-sec .leftside{
width:190px;
float:left;
}

#content .left-sec .rightside{
width:190px;
float:right;
}

#content .right-sec{
width:193px;
float:right;
}
/* Updated on 19 Dec */



/* Right-Hand Sidebar
-------------------------------*/
#sidebar {
	display:inline;
	float: left;
	width: 150px;
	text-align: left;
	}
#sidebar .component {
	width: 150px;
	background:  url(/img/sidebar.gif) no-repeat top left; 
	padding-top: 14px;
	margin-bottom: 20px;
	}
#sidebar .component p {
	padding: 8px 10px 0 10px;
	margin: 0;
	line-height: 15px;
	}
#sidebar ul { 
	list-style-type: none; 
	padding: 6px;  
	margin: 0;
	}
#sidebar li { 
	list-style-type: none; 
	background:  url(/img/arrow-red.gif) no-repeat 2px 4px; 
	margin: 0;
	padding: 0 0 5px 10px;
	}
#sidebar a:link { 
	text-decoration: none; 
	color: #DB3434;  
	}
#sidebar a:active { 
	text-decoration: none; 
	color: #FF008A;  
	}
#sidebar a:visited { 
	text-decoration: none; 
	color: #666;  
	}
#sidebar a:hover { 
	text-decoration: underline; 
	color: #FF4800;  
	}

/* Footer
-------------------------------*/
#footer {
	clear: both;
	width: 760px;
	background-color: #fff;
	height: 50px;
	background:  url(/img/footer.gif) repeat-x top left; 
	padding-top: 60px;
	color: #999;
	}
#footer p {
	padding: 2px 0 10px 0;
	margin: 0; 
	}
#footer a:link { 
	text-decoration: none; 
	color: #999;  
	}
#footer a:active { 
	text-decoration: underline; 
	color: #FF008A;  
	}
#footer a:visited { 
	text-decoration: none; 
	color: #666;  
	}
#footer a:hover { 
	text-decoration: underline; 
	color: #FF4800;  
	}

/* Home Page
-------------------------------*/
#home_header {
	width: 760px;
	height: 20px;
	background: #fff url(/img/home-header.gif) no-repeat top left;
	}
#home_nav_main {
	height: 28px;
	border: 1px solid #D5D3D3;
	background: #fff url(/img/main-nav.gif) repeat-x top left;
	text-align: left;
	margin-top: 1px;
	}
#flash {
	width: 760px;
	height: 270px;
	
	}
		#flash1{
	width: 398px;
	height: 310px;
	/*background-image:url(/img/products.gif);*/
	}
#home_people {
	position: absolute;
	top: 1px;
	left: 558px;
	z-index: 5;
	width: 200px;
	}
#mobility{
padding-top:4px;
}
#home_people1{
	position: absolute;
	top: 1px;
	left: 560px;
	z-index: 5;
	width: 199px;
}		
	
#home_content {
	position: relative;
	width: 760px; 
	/*height: 295px;*/
	height: 450px;
	clear: both;
	border-bottom: 1px solid #E5E5E5;
	margin: 20px 0 16px 0;
	}
/* updated in 30-mar-10*/
#home_content .content-boxes{
	border-bottom:1px solid #E5E5E5;
	float:left; 
	height:295px;
	}
#home_content .twitter-area{
	padding-top:10px; 
	clear:both;
	}
/* end */
#home_content .info {
	float: left; 
	width: 260px;
	height: 273px; 
	margin: 1px 20px 0 0;
	background: url(/img/home-info.gif) no-repeat top left;
	}
#home_content .info .text {
	padding: 4px 10px 10px 10px;
	text-align: left;
	}

#home_content .advert {
	float: left; 
	width: 200px;
	margin-top: 70px;
	}
#home_content ul { 
	list-style-type: none; 
	padding: 0 16px 0 12px;  
	margin: 0;
	}
#home_content ul li { 
	list-style-type: none; 
	background:url(/img/arrow-red.gif) no-repeat 1px 5px; 
	margin: 0;
	padding: 0 0 10px 10px;
	color: #999;
	}
#twitter_update_list li { width:99%; }
#home_content ul a:link { 
	text-decoration: none; 
	color: #DB3434;  
	}
#home_content a:link { 
	text-decoration: none; 
	color: #DB3434;  
	}
	
#home_content ul a:active { 
	text-decoration: none; 
	color: #FF008A;  
	}
#home_content a:active { 
	text-decoration: none; 
	color: #FF008A;  
	}
#home_content ul a:visited { 
	text-decoration: none; 
	color: #666;  
	}
#home_content ul a:hover { 
	text-decoration: underline; 
	color: #FF4800;  
	}
#home_content a:hover { 
	text-decoration: underline; 
	color: #FF4800;  
	}
#customers {
	height: 68px;
	padding-left: 8px;
	text-align: left;
	background:  url(/img/customers-bg.gif) repeat-x bottom left;
	}
#customers img {
	margin: 2px 0 0 0;
	}
#home_footer {
	clear: both;
	width: 760px;
	background-color: #fff;
	color: #999;
	margin-top: 10px;
	}
#home_footer p {
	padding: 2px 0 10px 0;
	margin: 0; 
	}
	
#home_footer p.dble-line {
	padding: 2px 0 3px 0;
	margin: 0; 
	}
		
#home_footer a:link { 
	text-decoration: none; 
	color: #999;  
	}
#home_footer a:active { 
	text-decoration: underline; 
	color: #FF008A;  
	}
#home_footer a:visited { 
	text-decoration: none; 
	color: #666;  
	}
#home_footer a:hover { 
	text-decoration: underline; 
	color: #FF4800;  
	}
/*---------------------------------*/
/*#mobility {left: 0px; background: url(/img/visiongain_award.gif) 30 0; background-repeat:no-repeat}*/
#math {left: 0px; /*background: url(/img/cust_deployment.gif) 0 0;*/ margin-top: 6px;}

/*#mobility a {width: 147px; height: 51px; display: block; border: none;}*/
#math a {width: 200px; height: 125px; display: block; border: none;}	

/*#mobility a:hover {background: url(/img/visiongain_award.gif) 0 -51px no-repeat;}*/
/*
#math a:hover {background: url(/img/credibility_badge_over.gif) 0 0 no-repeat;}
*/

/* These are standard sIFR styles... do not modify 
--------------------------------------------------------*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.pgtitle2 {
	visibility: hidden;
	font-size: 22px;
	font-weight: bold;
	color: #990000;
	padding: 0;
	margin: 0 0 16px 0;
}
.sIFR-hasFlash h1.pgtitle3 {
	visibility: hidden;
	font-size: 18px;
	font-weight: bold;
	color: #990000;
	padding: 0;
	margin: 0 0 16px 0;
	}
.sIFR-hasFlash h1.pgtitle3b {
	visibility: hidden;
	font-size: 18px;
	font-weight: bold;
	color: #990000;
	padding: 0;
	margin: 26px 5px 15px 12px;
	}
	
/* created on 140308 */
.middle_container{ width: 400px;}
.left_column{float:left; width:190px; margin:0 6px 0 0;}
.right_column{ float: left; width: 204px;}
.service_container{width:202px; float:left;}
.des_container{width:144px; float:left; margin:0 0 0 4px;}
.clr{ clear:both;}

#home_content .info .text  a{color:#DB3434;font-size:11px;text-decoration:underline;}
#home_content .info .text  a:hover{color: #FF4800;font-size:11px;text-decoration:none;}

/* created on 240708 */
.divider{
	background-image:url(/img/divider.gif);
	background-repeat:repeat-x;
	height:1px;
}
.grey_small {  
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #888b8e; 
	}
	
/* created on 300309 for products page bullet change from bullet to arrow */

.productArrow ul { 
	list-style-type: none; 
	padding: 0px;  
	margin: 0;
	}
.productArrow li { 
	list-style-type: none; 
	background:  url(/img/arrow-red.gif) no-repeat 1px 5px; 
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	}
	
/* Training - table css*/
table.data {
border:0 none;
border-collapse:collapse;
margin:10px 0;
width:100%;
}


/*.training-table{
border:solid 1px #990000;
}
.txt-space-table{
padding:10px 5px 10px 10px;
border-right:solid 1px #990000;
border-top:solid 1px #990000;
}
.txt-space-table1{
padding:10px 5px 10px 10px;
border-top:solid 1px #990000;
}	*/
	
.asterisk{
	color:#900;
}
input{
	vertical-align:middle;
}
#content .head1{
	float:left;
}
#content .head2{
	float:right;
	padding:18px 9px 0 0;
}