/************************ E11World Default Stylesheet **************************/


/********** The 2 parameters below make the footer sticky work better but changes some margins in page **********/
/*
* {
	margin: 6px 0 0 0;
}

html, body {
	height: 100%;
}
*/
html{
	overflow: auto;
}
body.index{
	
}
body {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	color: #000000;
	margin: 10px 0 0 0;
	padding: 0;
}

p{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	line-height: 16px;
	*line-height: 14px;
	_line-height: 14px;
	/*color: #222222;*/
}

a:link, a:visited {
	text-decoration: none;
	outline: none;
	/*color: #3e1c44;*/
}
/*************************** To remove dotted lines on links in Firefox ***********************************/
a, a:active{
  outline: none;
}

:focus{
  -moz-outline-style: none;
}

/********************* end of dotted lines removale code on links in Firefox ******************************/
a:hover {
	text-decoration: underline;
	/*color: #666633;*/
}

a[class ="pdf"], .pdf, a[class ="pdf"]:visited, a[class ="pdf"]:active {
	padding: 3px 0 3px 26px;
    background: transparent url(../images/ico_pdf.png) no-repeat center left;
}
a[class ="info"], .info, a[class ="info"]:visited, a[class ="info"]:active {
	padding: 3px 0 3px 26px;
    background: transparent url(../images/ico_info.png) no-repeat center left;
}
a[class ="imgs"], .imgs, a[class ="imgs"]:visited, a[class ="imgs"]:active {
	padding: 3px 0 3px 26px;
    background: transparent url(../images/ico_imgs.png) no-repeat center left;
}
a[class ="read"], .read, a[class ="read"]:visited, a[class ="read"]:active {
	padding: 3px 0 3px 26px;
    background: transparent url(../images/ico_read.png) no-repeat center left;
}

/*ul{
	list-style-type: square;
}*/
/************************ headers **************************/

h1 {
	margin: 0;
	padding: 0;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #25237a;
	font-size: 18px;
}

h2 {
	margin: 0;
	padding: 0;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}

h3 {
	margin: 0;
	padding: 0;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	/*color: #585732;*/
	color: Navy;
	font-size: 17px;
	font-weight: bold;
}

h4{
	margin: 0;
	padding: 0;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	/*color: #222222;*/
	color: #6495ED;
	font-size: 16px;
}

h2.hdr_title{
	background: transparent url(../images/title_bg_arrow.png) no-repeat scroll 3%; /* ie6png:scale */
	padding: 6px 36px;
	margin: 10px 0 0 0;
	color: #000000;
	font-size: 18px;
	background-color:#d9d9d9;
    vertical-align: middle;
	/*line-height: 17px;*/
	/*display: inline-block;
    height: 100%;*/
}

h2.hdr_title_dark{
	background: transparent url(../images/title_bg_arrow.png) no-repeat scroll 3%; /* ie6png:scale */
	padding: 6px 36px;
	margin: 10px 0 0 0;
	color: #cdcdcd;
	font-size: 18px;
	background-color:#454545;
    vertical-align: middle;
	/*line-height: 17px;*/
	/*display: inline-block;
    height: 100%;*/
}

/***********************  These lines below are for centering images to text vertically      *****************************/
/***************** http://www.search-this.com/2008/05/15/easy-vertical-centering-with-css/ *******************************/
/*
background: transparent url(../images/title_bg_arrow.png) no-repeat scroll 3%;
height: 70px;
padding-top: 26px;
padding-left: 140px;
-moz-background-clip:
-moz-initial;
-moz-background-origin: -moz-initial;
-moz-background-inline-policy:
-moz-initial;
*/

h3.hdr_title{
	background: transparent url(../images/title_bg_arrow.png) no-repeat scroll 5%;
	padding: 6px 32px;
	margin: 10px 0 0 0;
	color: #dad9d9;
	font-size: 18px;
	background-color:#979797;
    vertical-align: middle;
}

h2.hdr_title_full{
	background: transparent url(../images/title_bg_arrow.png) no-repeat scroll 2%;
	padding: 6px 38px;
	*padding: 6px 42px;
	margin: 10px 0 0 0;
	color: #dad9d9;
	font-size: 18px;
	background-color:#979797;
    vertical-align: middle;
}

h2.hdr_title_full_ent{
	background: transparent url(../images/title_bg_arrow.png) no-repeat scroll 2%;
	padding: 6px 40px;
	*padding: 6px 40px;
	margin: 10px 0 0 0;
	color: #ddd;
	font-size: 18px;
	background-color:#666;
    vertical-align: middle;
}

h2.hdr_title_full_mob{
	background: transparent url(../images/title_bg_arrow.png) no-repeat scroll 2%;
	padding: 6px 40px;
	*padding: 6px 40px;
	margin: 10px 0 0 0;
	color: #ddd;
	font-size: 18px;
	background-color:#888;
    vertical-align: middle;
}


/************************ main layout **************************/
#wrapper {
	background-color: #ffffff;
	margin: 0 auto 80px auto;
	padding: 0;
	width: 968px;
	overflow: hidden;
	
}

#layout{
	/* below for IE6 */
	/*min-height: 100%;
	height: auto !important;
	height: 100%;*/
}

#header {
	float: left; /* if float is on, we need to put -20 margin top at least */
	width: 964px;
	margin: 4px 0 0 0;
	padding: 0;
	background: url(../images/hdr_bg.png) no-repeat;
}

.logo{
	float: left;
	/*width: 256px;
	height: 34px;
	background: url(../images/logo.png) no-repeat;*/
	margin: 19px 398px 16px 24px;
	_margin: 19px 336px 16px 14px;
	padding: 0;
	z-index: 2;
}

.tagline{
	margin: 24px 24px 24px 0;
	_margin: 24px 24px 26px 0px;
	color: #7d7d7d;
	_text-align: right;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	font-size: 18px;
}

#content{
	background-color: #ffffff;
	float: left;
	width: 968px;
	margin: 6px auto;
	padding: 0;
	*padding: 0;
	_padding: 0;
}

#left_box{
	float: left;
	width: 470px;
	margin: 6px 0;
	_margin: 18px 0 0 1px;
	padding: 0;
}

#right_box{
	float: right;
	width: 498px;
	margin: 0px -5px 6px 0;
	_margin: 13px -10px 0 1px;
	padding: 0;
}

#left_box_full{
	float: left;
	width: 470px;
	height: 332px;
	margin: 0;
	padding: 0;
	background-color:#cfcfcf;
}

#left_box_half1{
	float: left;
	width: 230px;
	height: 193px;
	color: #dddddd;
	margin: 10px 10px 0 0;
	padding: 0;
	background-color:#7d7d7d;
}

#left_box_half1 a, #left_box_half1 a:link, #left_box_half1 a:visited, #left_box_half1 a:active {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#left_box_half1 a:hover{
	color: #971105;
	text-decoration: none;
}

/*#news_scroll{
	height:	125px;
	overflow: scroll;
}*/

#left_box_half2{
	float: left;
	width: 230px;
	height: 193px;
	background: #7d7d7d url(../images/blog.png) bottom right no-repeat;
	/*filter:alpha(opacity=65);
	-moz-opacity:.65;
	opacity:.65;*/
	color: #dddddd;
	margin: 10px 0 0 0;
	padding: 0;
	
}

#scrollable{
	/*float: left;
	height: 332px;*/
	width: 448px;
	height: 110px;
	margin: -7px 0 0 0;
	padding: 0 7px 0 0;
	overflow: auto;
	scrollbar-track-color: #cfcfcf; 
	scrollbar-face-color: #cfcfcf; 
	scrollbar-shadow-color: #cfcfcf; 
	scrollbar-dark-shadow-color: #cfcfcf; 
	scrollbar-highlight-color: #cfcfcf; 
	scrollbar-3d-light-color: #cfcfcf; 
	scrollbar-arrow-color: #000;
}

#banner_enterprise{
	float: left;
	margin: 0;
	padding: 0;
}

#banner_mobile{
	float: right;
	margin: 0;
	padding: 0;
}

#banner_enterprise a{
	display:block;
	width: 246px;
	height: 547px;
	background: url(../images/enterprise.jpg) top left no-repeat;
	overflow:hidden;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 3px;
}

#banner_mobile a{
	display:block;
	width: 246px;
	height: 547px;
	background: url(../images/mobile.jpg) top left no-repeat;
	overflow:hidden;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 3px;
}

#banner_enterprise a:hover, #banner_mobile a:hover{
	background-position: 0 -547px;
	margin: 0;
	padding: 0 0 0 3px;
}

#banner_enterprise span, #banner_mobile span{
	display: none;
	margin: 0;
	padding: 0;
}

#pg_full_width{
	float: left;
	width: 968px;
	/*padding: 0 20px;*/
	margin: 6px auto 0 auto;
	background-color: #e3e2e2;
}


#footer {
	float: left;
	width: 948px;
	/*padding: 12px 10px 0 12px;*/
	padding: 12px 10px;
	margin: 20px auto;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	color: #7d7d7d;
	background-color: #e3e2e2;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

/************************************ STICKY FOOTER INFO ***********************************************/
/****** put the .push div just above the footer which has to be the last thing in your code ************/
/****** even after the wrapper divs, then assign same height to .push and footer and wrapper margin ****/
/************ the bottom margin  of wrapper is the negative value of the footer's height ***************/

/*#footer, .push{
	height: 40px;
}*/

#footer a:link, #footer a:visited {
	font-weight: normal;
	color: #7d7d7d;
	text-decoration: none;
}

#footer a, #footer a:hover, #footer a:active {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	/*padding: 0;
	margin: 0 auto;*/
	font-weight: normal;
}

#footer p{
	padding: 4px 0 0 0;
	margin: 0;
	color: #7d7d7d;
}

#contact_form{
	padding: 14px;
}

#right_box_form{
	float: right;
	width: 492px;
	height: 535px;
	margin: 6px -5px 6px 0;
	_margin: 18px -10px 0 1px;
	padding: 0;
	background: #ededed url(../images/abstract.png) no-repeat bottom right;
}

#left_box_half2 a, 
#left_box_half2 a:link, 
#left_box_half2 a:visited, 
a .blog_link, .blog_link, 
.blog_link a, 
.blog_link a:link, 
.blog_link a:visited{
	padding: 2px 14px 4px 0;
    background: transparent url(../images/link_arrow.png) no-repeat center right;
	color: #ffffff;
	font-weight: bold;
	/*letter-spacing: .5px;*/
}
#left_box_half2 a:hover{
	/*background-position: 1px 0;*/
}

#left_box_full_ext{
	float: left;
	width: 470px;
	height: 535px;
	margin: 0;
	padding: 0;
	background-color:#cfcfcf;
}

#pg_full_width_company{
	float: left;
	width: 968px;
	margin: 6px auto 0 auto;
	/*background: #e3e2e2 url(../images/building.png) no-repeat bottom right;*/
	/*background: transparent url(../images/building.png) no-repeat bottom right;*/
}

#pg_full_width_enterprise{
	float: left;
	width: 968px;
	margin: 6px auto 0 auto;
	background-color: #fff;
	
}

#pg_full_width_mobile{
	float: left;
	width: 968px;
	margin: 6px auto 0 auto;
	background-color: #fff;
	
}

#bar{
	/*position: relative;
	top: 0;
	left: 100px;
	width: 200px;
	height: 600px;
	background-color: #ededed;*/
}

/************************************ Other styles ***********************************************/
.inside_margin{
	padding: 2px 12px 0px 12px;
	/*filter:alpha(opacity=60);*/	 /*  IInternet Explorer 	  */
	/*-moz-opacity:.60;*/ 			 /*  Mozilla 1.6 and below    */
	/*opacity:.60; */				 /*  Newer Mozilla and CSS-3  */
}

.inside_page_margin{
	padding: 2px 20px 0px 20px;
}

.demo_banner, .demo_banner a:link, .demo_banner a:visited, .demo_banner a:active{
	background: url(../images/demo_banner.jpg) no-repeat;
	display: block;
	height: 100px;
	width: 600px;
	margin: 2px auto 18px auto;
}
.demo_banner a:hover{
	background-position: 0 -100px;
}

.bold_title{
	font-weight: bold;
	font-size: 13px;
}

.small{
	font-family: "Times New Roman", Georgia, Times, serif;
	font-size: 11.5px;
	line-height: 14px;
	*line-height: 12px;
	_line-height: 12px;
	color: #222222;
	letter-spacing: -0.5px;
}

.sent_msg{
	font-size: 14px;
	font-weight: bold;
}

.ico_company{
	float: right;
	display: block;
	margin: -42px 20px 0 0;
	overflow: hidden;
}

.ico_enterprise{
	float: right;
	display: block;
	margin: -52px 20px 0 0;
	overflow: hidden;
}

.ico_mobile{
	float: right;
	display: block;
	margin: -50px 35px 0 0;
	overflow: hidden;
}

.demo_img{
	float: right;
	display: block;
	margin: -37px 40px 0 0;
	overflow: hidden;
}

ul.bullets {
	line-height: 16px;
	padding: 8px 5px 5px 20px;
	margin: 0;
	list-style: disc url(../images/bullet.gif);
}

.bigger{
	font-size: 14px;
}

.career_popup{
	margin-top: -16px;
	padding: 20px;
	background: #fff url(../images/tab_gradient.jpg) repeat-x scroll left top;
}

#columns {
	width: 820px;
	margin: 2px 5px 15px 5px;
}

.column {
	float: left;
	padding: 12px;
	width: 220px;
	color: #FF0000;
	border-right: 2px solid #ededed;
	border-left: 2px solid #ededed;
}

#columns h3{
	color: #ff0000;
	font: 15px Arial, Helvetica, sans-serif;
	height: 30px;
}

#columns p, #columns body, #columns ul, #columns ul.li{
	color: #333333;
}

#columns ul{
	margin-left: -8px;
	*margin-left: 36px;
}
/************************ bottom icons styles **************************/

#bottom_icons, #bottom_icons2 {
	background: #fff url(../images/ico_bg.png) no-repeat left top;
	height: 224px;
	color: #6e6e6e;
	vertical-align: bottom;
}

.cons_prod{
	float: left;
	/*height: 150px;*/
	text-align: center;
	margin: 30px 100px 0px 160px;
	vertical-align: bottom;
}
.healthcare{
	float: left;
	text-align: center;
	margin: 30px 100px 0px 0px;
	vertical-align: bottom;
}
.finance{
	float: left;
	/*height: 150px;*/
	text-align: center;
	margin: 30px 30px 0px 30px;
	vertical-align: bottom;
}
.crm{
	float: left;
	/*height: 150px;*/
	text-align: center;
	margin: 30px 30px 0px 50px;
	vertical-align: bottom;
}
.bi{
	float: left;
	text-align: center;
	margin: 30px 30px 0px 30px;
	vertical-align: bottom;
}
.inventory{
	float: left;
	/*height: 150px;*/
	text-align: center;
	margin: 30px 30px 0px 30px;
	vertical-align: bottom;
}

.innovation{
	float: left;
	/*height: 150px;*/
	text-align: center;
	margin: 30px 30px 0px 30px;
	vertical-align: bottom;
}

.align_bot{
	vertical-align: bottom;
	
}

#icons_bot_shade {
	background: transparent url(../images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

#bottom_icons p, 
#bottom_icons a, 
#bottom_icons a:link, 
#bottom_icons a:visited {
	line-height: 80px;
	text-decoration: none;
	font-size: 16px;
	color: #9e9e9e;
	font-weight: bold;
}

#bottom_icons2 p, 
#bottom_icons2 a, 
#bottom_icons2 a:link, 
#bottom_icons2 a:visited {
	line-height: 20px;
	text-decoration: none;
	font-size: 16px;
	color: #9e9e9e;
	font-weight: bold;
}

#bottom_icons a:hover, #bottom_icons2 a:hover {
	color: #555555;
	text-decoration: none;
}


/************************ tooltip styles **************************/

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('shadow2.png');
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('shadow2-reverse.png');
}

#extended { margin: 2em 0; }
#extended label { text-decoration: underline; }
#yahoo { width: 7em; }
#right, #right2 { text-align: right; }
#tooltip.right { width: 250px; }
#fancy2 { float: right; }

/************************ tabs styles **************************/


.widget {
	width: 900px;
	margin: 10px 10px 15px 10px;
	padding: 10px;
	/*background: #f3f1eb;*/
	/*border: 1px solid #dedbd1;
	margin-bottom: 15px;*/
}

.widget a {
	color: #222;
	text-decoration: none;
}

.widget a:hover {
	color: #009;
	text-decoration: underline;
}

.tabnav li {
	display: inline;
	list-style: none;
	padding-right: 5px;
}
	
.tabnav li a {
	text-decoration: none;
	text-transform: uppercase;
	color: #222;
	font-weight: bold;
	padding: 4px 6px;
	outline: none;
}

.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
	background: #7d7d7d;
	color: #fff;
	text-decoration: none;
}

.tabdiv {
	margin-top: 2px;
	background: #fff;
	border: 1px solid #dedbd1;
	padding: 4px 14px;
}

.tabdiv li {
	list-style-image: url("star.png");
	/*margin-left: 10px;*/
}


.ui-tabs-hide {
	display: none;
}


/************************ image styles **************************/

.image-border {
	border: 1px solid #000000;
	margin: 8px;
}

.img_left_border {
	float: left;
	border: 1px solid #000000;
	margin: 2px 8px 0 0;
	/*display: block;
	overflow: hidden;*/
}

.img_right_border {
	float: right;
	border: 1px solid #000000;
	margin: 8px 0 8px 8px;
}

.img_left_border_flesh {
	float: left;
	border: 1px solid #000000;
	margin: 0 8px;
	padding: 0;
	line-height: 16px;
	/*display: block;
	overflow: hidden;*/
}

.img_right_border_flesh {
	float: right;
	border: 1px solid #000000;
	margin: 0 8px;
	padding: 0;
	line-height: 16px;
}

.img-left {
	float: left;
	display: block;
	margin: 8px;
	overflow: hidden;
}

.img-right {
	float: right;
	display: block;
	margin: 8px;
	overflow: hidden;
}

.img_left_tab {
	float: left;
	display: block;
	margin: 20px 8px 8px 8px;
	overflow: hidden;
}

.img_right_tab {
	float: right;
	display: block;
	margin: 20px 8px 8px 8px;
	overflow: hidden;
}

/************************ icons styles **************************/

.ico_home{
	display: block;
	float: left;
	width: 20px;
	height: 18px;
	background: url("../images/ico_home.jpg") 0 0 no-repeat;
	margin: 4px 20px 0 0;
	/**margin: 14px 20px 0 0;*/
	padding: 0;
	
}
.ico_contact{
	display: block;
	float: left;
	width: 101px;
	height: 18px;
	background: url("../images/ico_contact.jpg") 0 0 no-repeat;
	margin: 7px 20px 0 0;
	/**margin: 27px 20px 0 0;*/
	padding: 0;
}
a:hover.ico_home,a:hover.ico_contact{
	background-position: 0 -18px;
}

#icons {
	width: 108px;
	height: 54px;
	float: right;
	margin: 8px 12px 0 0;
	z-index: 1;
}

a.icon_contact {
	float: left;
	display: block;
	width: 54px;
	height: 54px;
	background: url(../images/icon_contactus.gif) no-repeat;
	text-indent: -999em;
	text-decoration: none;
}

a.icon_home {
	float: left;
	display: block;
	width: 54px;
	height: 51px;
	background: url(../images/icon_home.gif) no-repeat;
	text-indent: -999em;
	text-decoration: none;
}

a:hover.icon_contact, a:hover.icon_home {
  background-position: 0 -54px;
}

/************************ buttons styles **************************/

.gobtn{
	display:inline;
	width: 36px;
	height: 19px;
	margin: -1px 0 0 10px;
	*margin: -3px 0 0 10px;
	padding: 0;
	position:absolute;
	background: url("../images/btn_go.jpg") 0 0 no-repeat;

}
.btn_select{
	display:block;
	float: left;
	width: 65px;
	height: 19px;
	margin: -2px 8px 0 0;
	*margin: -3px 10px 0 0;
	padding: 0;
	background: url("../images/btn_select.jpg") 0 0 no-repeat;
}

a:hover.gobtn, a:hover.btn_select, a:hover.btn_journey_select {
	background-position: 0 -19px;
}

a.squarebutton{
background: transparent url('../images/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}


/************************ misc styles **************************/

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #13136E;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	height: 21px;
	line-height: 21px;
	text-indent: 14px;
	width: 156px;
	background-image: url(../images/menu_bg.png);
	background-position: left center;
	background-repeat: no-repeat;
}

a.mainlevel:hover {
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #13136E;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	height: 21px;
	line-height: 21px;
	text-indent: 14px;
	width: 156px;
	background-image: url(../images/menu_bg_over.png);
	background-position: left center;
	background-repeat: no-repeat;
}

a.mainlevel#active_menu {
}
a.mainlevel#active_menu:hover {
	color: #999999;
}