/* Undo Styles */
* {
	margin: 0;
	padding: 0;
}
	
/* Default Styles */
body {
	background: #FFF;
	color: #666;
	font: normal 100% Verdana, Arial, sans-serif;
	position: relative;
}
#wrapper {
	border: 1px solid #DBDBDB;
	font-size: 72%; 
	position: absolute;
	width: 995px;
	left: 50%;
	margin-left: -497px;
	z-index: 0;
}
#background {
	background: transparent url('../ss-projects/cit-bg-main.gif') no-repeat;
	height: 291px;
	left: 0;
	position: absolute;
	top: 53px;
	width: 318px;
	z-index: 3;
}
img {border:none;}
#backgroundnt {
	background: transparent url('../ss-projects/cit-bg-main-nt.gif') no-repeat;
	height: 291px;
	left: 0;
	position: absolute;
	top: 53px;
	width: 318px;
	z-index: 3;
}
/* Links */
a, a:visited {
	color: #0053A5;
	text-decoration: none;
        cursor:pointer;
}
a:hover {
	color: #F7941C;
	text-decoration: underline;
}
.printOnly {
	display: none;
}
.straightList {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}
.straightList li{
	border-right: 1px solid #0053A5;
	margin: 0 5px 3px 0;
	padding: 0 5px 0 0;
	float: left;
	white-space: nowrap;
}

/* Formatted Text */

p {
	display: block;
	margin: 0 0 1em 0;
}



em, i, cite, address {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}
blockquote, q {
	display: block;
	font-style: italic;
	margin: 0 5em 1em 5em;
}
code {
	font-family: monospace;
	font-size: 90%;
	border: 1px solid #000;
	padding: 0.5em;
	display: block;
}
del {
	text-decoration: line-through;
}
ins {
	color: #444;
	font-style: italic;
}
abbr, acronym, dfn {
	border-bottom: 1px dashed #000;
}
sub {
	vertical-align: sub;
	font-size: 80%;
}
sup {
	vertical-align: super;
	font-size: 80%;
}
ul {
	margin: 10px 15px;
	position: relative;
}

ol {
	margin: 10px 0;
	list-style-position: inside;
}


/* Forms */
input, select, textarea {
	border: 1px solid #C4D9F4;
}
input.button {
	border: none;
}
label {
	cursor: pointer;
	padding: 0 4px 0 0;
}


/* Common Formatting */
.floatL {float:left;}
.floatR {float:right;}
.clear {clear:both;}
.clearL {clear:left;}
.clearR {clear:right;}
.wai {display:none;}
.fullWidth {
	border: 0px solid #ccc;
	margin: 0 0 10px;
}
/* Mind Tree Additions */
.imgFloatL {
	border: 0px solid #fff;
	float: left;
	margin: 0 15px 10px 0;
}
.imgFloatR {
	border: 1px solid #ccc;
	float: right;
	margin: 0 0 10px 15px;
        cursor:pointer;
}
.imgFloatL img {
	border: 0px solid #fff;
	float: left;
	margin: 0 15px 10px 0;
}
hr {
	border-bottom: 1px solid #CCC;
	margin: 0 0 1em;
	display: block;
	width: 100%;
}
#wrapper .last {
	border: 0;
	padding-right:0;
	margin-right: 0;
}
ul.bullet {
	margin: 0;
}

ul.bullet li, div#content .twoLevel li ul li, ul.threeColumn li {
	background: url('../ss-projects/cit-bullet.gif') no-repeat 0 5px;
	list-style: none;
	padding-left: 7px;
}

.noBullet {
	background: none;
	list-style: none;
	margin: 0;
}
ul.bullet li ul.noBullet li {
	background: none;
	list-style: none;
	margin: 0;
}


/* Headings */

/* MindTree Additions */

.h1 {
	color: #56924e;
	clear: both;
	font: normal 30px Verdana, sans-serif; /* IQ - Changed */
	margin: 6px 0 12px; /* IQ - Changed */
	padding: 0;
	line-height: 40px; /* IQ - Added */
}
.h1 p {
	margin-bottom: 0; /* IQ - Added */
}
h1 {
	color: #56924e;
	clear: both;
	font: normal 30px Verdana, sans-serif; /* IQ - Changed */
	margin: 6px 0 12px; /* IQ - Changed */
	padding: 0;
	line-height: 40px; /* IQ - Added */
}
h2, h3, h4, h5, h6 {
	color:#666;
	font-size: 100%;
	font-weight: bold;
}
/* These are standard sIFR [Scalable Inman Flash Replacement] styles... do not modify */
.sIFR-flash {
	visibility: visible;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-flash + div[adblocktab=true] {
	display: none;
}
/* 'decoy' styles */
.sIFR-hasFlash h1 {
	visibility: hidden;
}

/* Header Content */

#logo {
	display: inline;
	float: left;
	height: 33px;
	margin: 20px 64px 41px 67px;
	padding: 0;
	width: 70px;
}
#logo a, #logo a:hover {
	display: block;
	height: 33px;
	text-decoration: none;
	width: 70px;
}
#header {
	color: #0053A5;
	font-size: 90%;
	letter-spacing: -.02em;
	margin: 0;
	padding: 0;
}
ul#navigation {
	color: #F7941C;
	font-size:12px;
	float: left;
	height: 31px;
	list-style: none;
	margin: 22px 0 0 0;
	padding: 0;
	position: relative;
	width: 792px;
	z-index: 10;
}
ul#navigation li {
	background: #fff url('./cit-bg-navigation.gif') 0 0 no-repeat;
	float: left;
	padding: 0 9px 5px 10px;
}
ul#navigation li.first {
	background: none;
	padding: 0 10px 0 0;
}
ul#navigation li a {
	display: block;
}
ul#navigation li a.selected {
	color: #F7941C;
	display: block;
}
ul#navigation li ul {
	background: #E1EEFE url('./cit-bg-dropdown.gif') repeat-y;
	border: solid #0D5CAA;
	border-width: 1px 0;
	display: block;
	filter: alpha(opacity=93);
	-moz-opacity: 0.93;
	left: -999em;
	list-style: none;
	margin: 5px 0 0 -10px;
	padding: 6px 11px;
	position: absolute;
	width: 150px;
	z-index: 10;
}
#navigation iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 45px;
	width: 172px;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
ul#navigation li ul li {
	background: none;
	border: none;
	padding: 3px 0;
	width: 150px;
}
ul#navigation li ul li a {
	display: inline;
}
ul#navigation li:hover ul {
	left: auto;
}
ul#navigation li:hover ul, ul#navigation li.sfhover ul {
	left: auto;
}
ul#navigation li.sfhover ul li {
	background: #E1EEFE;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=100);
}

#map img {
	margin: 0 5px 0 0;
	vertical-align: middle;
}

#search {
	display: inline;
	float: right;
	margin: -12px 22px 0 0; /*edited margin from 0px 22px 0 0 to -6px 22px 0 0  by Deepak*/
	width: 458px;/*Edited value to solve fire fox issue where language and search box was comming in two lines. cahnged from 450 to 458 */
}

/* CSS HACKS for Firefox - mindtree Additions -starts */
html > body #search {
	margin: -14px 22px 0 0; /*edited margin from 0px 22px 0 0 to -6px 22px 0 0  by Deepak*/
	width: 475px;/*Edited value to solve fire fox issue where language and search box was comming in two lines. cahnged from 450 to 458 */
}
/* CSS HACKS for Firefox - mindtree Additions -ends */
#search form {
	float: left;
	padding-top: 7px; /*Margin top :8px modified to padding-top: 7px* to reslove IE 6 top navigation issue*/
	height: 27px;
}
/* Hide from IE */

#search>form {
	height: 35px;
	margin-top: 0;
}
#search label {
	line-height: 32px;
}
#langform {
	margin-right: 10px;
}
#langform select, #search #frmsearch {
	vertical-align: middle;
}
#langform select {
	width: 141px;
	font-size: 100%;
	color: #0053a5;
}
#frmsearch {
	width: 143px;
	height: 16px;
}

#search .frmsearchbtn {
border:medium none;
padding:0 0 0px 4px;
vertical-align:top;
}
html > body  #search .frmsearchbtn {
padding:0 0 4px 4px;
vertical-align:middle;
}


#langform .frmsearchbtn {
	padding: 0;
}
#solution {
	background: #C4D9F4;
	float: left;
	height: 250px;
	margin-bottom: 25px;
	position: relative;
	z-index: 1;
}
#smallerimage {
	background-color: #C4D9F4;
	color: #0053A5;
	margin-left: 0 px;
	padding: 45px 20px 5px 14px;
	width: 530px;
}
#smallerimage h2 {
	margin: 0 0 5px 0;
}

/* CSS HACKS IE6 - MINDTREE ADDITIONS*/

*html #solutioncontent {
	background-color: #C4D9F4;
	color: #0053A5;
	margin-left: 763px;
	padding: 45px 20px 5px 14px;
	width: 230px;
}

#solutioncontent {
	background-color: #C4D9F4;
	color: #0053A5;
	margin-left: 763px;
	padding: 45px 20px 5px 14px;
	width: 198px;
}

#solutioncontent h2 {
	margin: 0 0 5px 0;
}

#solutionsub {
	background: #C4D9F4  no-repeat;
	float: left;
	height: 124px;
	margin-bottom: 25px;
	position: relative;
	z-index: 1;
}
#solutionsub #solutioncontent {
	padding: 8px 20px 5px 14px;/*edited padding-top from 20 to 8px*/
}

.solutionText{
	font:12px arial;
	color:#0053a5;
}

.solutionTitle{
	font:bold 14px arial;
	color:#0053a5;
}

/* ===== Content ===== */

#subcontent {	
	float: left;
	font-size: 85%;		
	padding: 0 13px 0 15px; 
	margin: 0 15px 0 0;	
	width: 159px; 
}
#subcontent ul {
	list-style: none;
	margin-left: 0;
}
#subcontent h3 {
	text-transform: uppercase;
}
#subcontent hr {
	color: #FFF;
	border: dotted #333;
	border-width: 1px 0 0;
	height: 1px;
}

/* Subnavigation */

/* MindTree Additions */

*html BODY #wrapper #subcontent #subnavigation {width:159px;}

*html BODY #wrapper #subcontent #subnavigation {margin-right:0px;}

*html BODY #wrapper .wide .secondary img{float:none;}
*html BODY #wrapper .wide .secondary .last A IMG {border:0px;}

*html BODY #wrapper .wide .secondary LI A IMG {border:0px; margin-right:1px !important;}

html > /* */ BODY #wrapper .wide .secondary .last A IMG {border:0px;}

html > /* */ BODY #wrapper .wide .secondary LI A IMG {border:0px; margin-right:1px !important;}
*html body div#content .secondary .last A IMG {	border: 0px;margin: 2px 0 0 0;}
*html body div#content .secondary LI A IMG { border: 0px;margin: 0 0 0 0;}
div#content .secondary .last A IMG { border: 0px;margin: 0;padding-top:2px;}
div#content .secondary LI A IMG { border: 0px;margin: 0 0 0 0;}
ul#subnavigation {
	font-size: 100%; /* Made Changes based on dale request- previously it was  -----  100%  to 120%  --->   Again reverted back as per jaison request to 100%*/ 
	list-style: none;
	margin: 0;
	padding: 0;
	width: 159px; /* IQ - Changed from 100% */	
}
ul#subnavigation.sub {
	margin: 126px 0 0 0;
}
ul#subnavigation li, ul#subnavigation li a {
	font-weight: bold;
	letter-spacing: -.03em;
	text-transform: uppercase;
}
ul.secondlevel {
	list-style: none;
	margin: 3px 0 0 0;
	padding: 0;
}
ul#subnavigation li ul.secondlevel li{
	font-weight: normal;  /* IQ Changed bold to normal*/
	padding: 0 0 3px 0;
	text-transform: capitalize;
}

ul#subnavigation li ul.secondlevel li.selected {
	font-weight: normal;
	padding: 0 0 3px 11px;
	text-transform: capitalize;
	/* background: url(./subnavigation_arrow.gif) 0 3px no-repeat;*/
}

ul#subnavigation li ul.secondlevel li a {
	font-weight: normal;
	text-transform: capitalize;
}
ul#subnavigation li ul.secondlevel li.selected {
	/* border-top: 1px dotted #A4A4A4;
	border-bottom: 1px dotted #A4A4A4; 
	margin: 10px 0;
	padding: 10px 0; */	
}
ul.secondlevel li ul {
	list-style: none;
	margin: 3px 0 0 10px;
	padding: 0;
}
ul#subnavigation ul.secondlevel li ul li {
	font-weight: normal;
	padding: 0 0 3px 0;
	margin: 0 0 0 10px;
	text-transform: capitalize;
}
ul#subnavigation ul.secondlevel li ul li a {
	font-weight: normal;
}
/* IQ - Additions / overrides to subnavigation */
ul#subnavigation li span {
	display: block;
	margin-bottom: 18px;
	padding: 0px 0 6px 0; /* IQ 10/18/11 */
	font: 14px Verdana, sans-serif;
	color: #666;
	text-transform: none;
	border-bottom: 1px solid #ddd;
}
ul#subnavigation li span a {
	font-weight: normal;
	text-transform: capitalize;
}
ul#subnavigation ul.secondlevel {
	width: 100%;
}
ul#subnavigation ul.secondlevel li {
	margin: 0 0 6px 10px;
	font: 11px Verdana, sans-serif;
}
ul#subnavigation ul.secondlevel li a {
	display: block;
	padding-left: 11px;
	background: url(./subnavigation_arrow.gif) 0 3px no-repeat;
}
ul#subnavigation ul.secondlevel li ul {
	margin-top: 5px;
	padding: 5px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
ul#subnavigation ul.secondlevel li ul li {
	font-size: 11px;
}
ul#subnavigation ul.secondlevel li ul li a {
	background: none;
}

/* Main Content Area */
#content {
	float: left;
	padding: 0 20px 0 0;
	position: relative;
	width: 542px;
	z-index: 4;
}
#content.wide {
	margin: 0 -3px 0 0;
	width: 772px;
}


.wide h1 {
	clear: left;
	width: 600px;
}
hr {
	color: #fff;
	border: solid #dbdbdb;
	border-width: 1px 0 0;
	height: 1px;
}
ul#breadcrumb {
	display: block;
	float: left;
	font-size: 85%;
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
}
/* CSS HACKS for Firefox - mindtree Additions -starts */
html > body ul#breadcrumb {
	float: none;
}
/* CSS HACKS for Firefox - mindtree Additions -ends */
ul#breadcrumb li {
	float: left;
	white-space: nowrap;
}
ul#breadcrumb li a {
	background: transparent url('./bg-breadcrumb.gif') right no-repeat;
	display: block;
	padding: 0 11px 0 0;
	margin: 0 4px 0 0;
}
h2.storyTitle {
	font-size: 120%;
	clear: both;
	margin-bottom: 15px;
}
ul.threeColumn {
	width: 33%;
	float: left;
	margin: 0 0 10px;
}
dt {
	font-weight: bold;
}
dt a, h2 a, h3 a {
	background: transparent url('./linkarrow.gif') right no-repeat;
	padding: 2px 6px 3px 0;/*changed from 0 6 0 0 to 2 6 3 0 */
	text-transform: uppercase;
	font-weight: bold;
}
dd {
	margin-bottom: 1em;
	width: 100%;
}
div#content table {
	border: 1px solid #9ab3e6;
	margin: 10px 0;
	border-collapse: collapse;
	font-size:100%;
	width: auto;
}


div#content th{
/*	background: #d1e0f3;*/
	text-align: left;
	padding: 5px 10px;
	font-weight:bold;
	border: 1px solid #dbdbdb;
}

div#content td {
	border: 1px solid #9ab3e6;
	padding: 5px 10px;
	vertical-align: top;
}
div#content .alt td {
	background: #ededed;
}
div.thumbview {
	display: block;
	float: left;
	margin: 0 0 25px 0;
}

div.thumbview p {
	margin: 0;
}

div.thumbview div {
	float: right;
	margin: 0;
	padding: 0;
	width: 427px;
        position: relative;
}

div.thumbview div {
	
	margin: 0;
	padding: 0;
	/*
	width: 427px;
	*/
	position: relative;
}
div#content .normal td {
	BACKGROUND: #fff
}
/* Mindtree Additions -starts*/
div#content #bioTable  {
	border: 1px solid #dbdbdb;
	margin: 0;
	border-collapse: collapse;
	width: 98%;
	font-size:100%;
	float:left;
}
div#content #bioTable td {
	border: 1px solid #dbdbdb;
	padding: 5px 10px;
	vertical-align: middle;
}
.labelText {
	color: #0053a5;
}
.tableHeader {
 border: 1px solid #9ab3e6;
 padding: 5px 10px;
 font-weight: bold;
 background-color: #ebf0fa;
 text-align:center;
 vertical-align:middle;
font-size:85% ! important;
}
.tHeadText {
font-weight: bold;
font-size:100% ! important;
}
.tBodyText {
font-weight: normal;
font-size:100% ! important;
}
div#content table.noborder {
	border: 0px;
	margin: 15px 0 0 0;
	width: 100%;
}
div#content table.noborder td {
	border:0;
	padding:0 0 5px 10px;
	vertical-align:middle;
}
/* for Bio Table sort - starts */
th.sortable,th.sortable-text
        {
        cursor:pointer;
        background:#d1e0f3 url('./up-arrow.gif') no-repeat right center;
        padding: 8px 12px 4px 16px;
        }
th.forwardSort
        {
        background:#d1e0f3 url('./down-arrow.gif') no-repeat right center;
        }
th.reverseSort
        {
        background:#d1e0f3 url('./up-arrow.gif') no-repeat right center;
        }
tr.alt
        {
        background: #F5FAFA;
        }
/* for Bio Table sort -ends*/

/* Mindtree Additions -ends*/
*html div.thumbview div {
	float: right;
	margin: 0;
	padding: 0;
	width: 407px;
        position: relative;
}
div#content.wide div.thumbview div {
	width: 657px;
	float:right;/* width changed from 660 to 657px */
}
/* Css hacks code - Mindtree Additions -starts */
div#content.wide div.thumbview {
float:left;
}
*html div#content.wide div.thumbview {
margin-bottom:10px;
}
*html div#content.wide div.thumbview div {
	width: 637px;/* width changed from 660 to 637px */
}
/* Css hacks code - Mindtree Additions -ends */
div.thumbview div h3 a {
	background: transparent url('./linkarrow.gif') right no-repeat;
	display: inline-block;
	padding: 0 6px 0 0;
	text-transform: uppercase;
}
#related div.thumbview h3 a {
	background: transparent url('./linkarrow.gif') 100% .5em no-repeat;
	text-transform: capitalize;
}
div.thumbview img {
	border: 1px solid #ccc;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width: 98px;
}
.thumbcol {
	float: left;
	padding: 0 20px 0 0;
	margin: 20px 20px 0 0;
	border-right: 1px solid #DBDBDB;
}
.thumbcol h3 {
	clear: left;
}
.twocol {
	float: left;
}
.twocol .thumbcol {
	width: 350px;
}
.wide .threecol {
	width: 772px;
}
.wide .threecol div {
	float: left;
	margin-right: 35px;
	padding-right:  35px;
	width: 200px;
}
.wide .threecol div div{
	margin-right: 0;
	padding-right: 0;
}
.wide .thumbcol div {
	float: left;
	margin: 15px 0 20px 0;
	padding: 0;
	width: 100%;
}
ul.releases {
	list-style: none;
	margin: 0 0 2em 0;
}
ul.releases li {
	margin: 0 0 1.2em 0;
}
.imgcaptionleft {
	background: #EDEDED;
	float: left;
	margin: 0 15px 10px 0;
	width: 215px;
}
.imgcaptionright {
	background: #EDEDED;
	float: right;
	margin: 0 0 10px 15px;
	width: 215px;
}
.imgcaptionleft img, .imgcaptionright img{
	border: 1px solid #ccc;
	display: block;
}
.imgcaptionleft p, .imgcaptionright p {
	font-size: 85%;
	margin: 0;
	padding: 3px;
}
.backtotop {
	margin: 15px 0 15px;
	padding: 0;
	width: 100%;
}
.backtotop a:link,.backtotop a:visited,.backtotop a:hover {
	background: transparent url('./bg-totoparrow.gif') right no-repeat;
	padding: 0 10px 0 0;
}

/* Right Sidebar Area */

/* CSS HACKS IE6 - MINDTREE ADDITIONS*/

ul.secondlevel {
	width:146px;
}
*html BODY #wrapper #related {
	float: left;
	margin: 0 -3px 0 0;
	padding: 0 7px 0 19px;/*padding: left from 10 to 29 and right from 20 to 17px*/
	width: 250px;/*changed width from 250 to 260 */
}

#related {
	float: left;
	margin: 0 -3px 0 0;
	padding: 0 20px 0 14px;
	width: 196px;
}
#related ul {
	list-style: none;
	margin: 0 0 20px;
}
ul#icons {
	float: right;
	list-style: none;
	margin: 0 0 41px 25px;/*margin-left changed from 0 to 25px*/
}
ul#icons.secondary {
	margin: 0 0 41px 0;/* bottom  margin: changed from 14 to 41px*/
}
#content.wide ul#icons {
	margin: 0 0 12px 0;
}
ul#icons li {
	border-right: 1px dashed #808080;
	float: left;
	padding: 1px 7px 1px 7px;
}
ul#icons li.last {
	padding: 1px 1px 1px 7px;
	margin: 0;
}
div#related div.thumbview {
	font-size: 90%;
	width: 196px;
}
div#related div.thumbview div {
	width: 126px;
}
div#related div.thumbview img {
	margin: 2px 5px 0 0;
	width: 63px;
}
div#wrapper ul.twoLevel {
	margin: 10px 0;
	list-style: none;
	float: left;
}
div#related ul.twoLevel {
	margin: 0;
	font-size: 90%;
}
div#related ul.twoLevel li {
	font-weight: bold;
}
div#wrapper ul.twoLevel li ul {
	margin: 0 0 1px 10px;
}
div#wrapper ul.twoLevel li ul li {
	font-weight: normal;
}
div#related h3 a {
	font-weight: bold;
	text-transform: capitalize;
}

/* vCard Formatting */

.vcard {
	margin: 1em 0 0.8em;
	padding: 0;
}
.vcard abbr {
	border-bottom: 0;
}
.vcard .fn.org {
	font-weight: bold;
}
.vcard .fn.org .organization-name {
	font-weight: normal;
}
.piped {
	color: #0053a5;
}
#galleryHead{
	background-color:#c4d9f4;
	width:650px;
	height:30px;
}
#galleryContent{
	width:648px;
	border: 1px solid #c4d9f4;
	text-align:center;
}
#galleryContentBuffer{
	padding:20px;	
}
#galleryContent table, #galleryContent td{
	border:0px !important;
}
div#content #galleryContent table
{
width:100% !important;
}
div#content #galleryContent img {
	border: 0px solid #ccc;
	float: none;
	margin: 0 0px 5px 0;
}
#galleryContent p{
	text-align:center;
	font-size:80%;
	padding:0 37px;
}
ul#gallerynavigation {
	list-style: none;
	margin: 0 0 0 15px;
	padding: 9px;;
	text-align: right;
	font-size:93%;
}
ul#gallerynavigation li {
	border-right: 1px solid #666;
	float: left;
	padding: 0 10px;
}
ul#gallerynavigation li.last {
	padding: 0 0 0 10px;
}
ul#gallerynavigation li a {
	text-decoration: none;
	font-weight:bold;
}
ul#gallerynavigation li a:hover {
	font-weight:bold;
}
#caseStudyHeader{
	background-color:#dcdcdc;
	height:110px;
	padding:10px;
	margin-bottom:10px;
}

#language option{
padding:0 0 1px 2px;
}

/* Footer Content */
#footer {
	border-top: 1px solid #dbdbdb;
	float: left;
	font-size: 82%; /* Made Changes based on dale request - previously it was  ---    82% to 100% ---> Agin reverted back to 82% base on jaison comment */
	margin: 25px 0 0 0;
	padding: 20px;
	width: 100%;
}
/* Mindtree addtions for CSS hascks -starts*/
html > body #footer {
	border-top: 1px solid #dbdbdb;
	float: left;
	font-size: 82%; /* Made Changes based on dale request-    previously it was  ---   82%  to 100% ---> Agin reverted back to 82% base on jaison comment */
	margin: 25px 0 0 0;
	padding: 20px;
	width: 955px;
}
/* Mindtree addtions for CSS hascks  -ends*/
#disclaimer{
	padding: 50px 0 0 160px;
	font-size:10px;
	width:860px;
}
/* Mindtree Addition for hacks - starts */
html > body #disclaimer{
	padding: 50px 0 0 160px;
	font-size:10px;
	width:700px;
	}
/* Mindtree Addition for hacks - ends */
#diligent{
	margin:0 0 -10px 20px;
}
#copyright {
	float: left;
	margin: 0;
	padding: 0;
	width: 250px;
}
ul#footernavigation {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
ul#footernavigation li {
	border-right: 1px solid #666;
	float: left;
	padding: 0 7px;
}
ul#footernavigation li.last {
	padding: 0 0 0 7px;
}
ul#footernavigation li a {
	color: #666;
	text-decoration: underline;
}
ul#footernavigation li a:hover {
	color: #F7941C;
}

/* below styles are MindTree Additions */

.bullets {
	margin: 0;
	background: url('../ss-projects/cit-bullet.gif') no-repeat 0 5px;
	list-style: none;
	padding-left: 7px;

}

.header3 {
        background: transparent url('./linkarrow.gif') right no-repeat;
	padding: 0 6px 0 0;
	text-transform: capitalize;
        display: inline-block;
	font-weight: bold;
        cursor: pointer;
}

/* sub bullets padding left value changed from 7 to 15     removed background-position-x:10px; */
.subbullets {
	margin: 0;
	background: url('../ss-projects/cit-bullet.gif') no-repeat 0 5px;
	list-style: none;
	padding-left: 7px;
        font-style: italic;
       
        margin-left:10px;
        
}
.bodycopy {
	background: #FFF;
	color: #666;
	font: normal 100% Verdana, Arial, sans-serif;
}
.bodycopy b {
	font-size:93%;
	font-weight:bold;
}
li b {
	font-size:85%;
	font-weight:bold;
}
.subhead {
font-weight: bold;
}
.boldLink
{
	background: transparent url('./linkarrow.gif') right no-repeat;
	padding: 0 6px 0 0;
	text-transform: none;
      display: inline-block;
	font-weight: bold;
	font-size:10px;
}

/*added to resolve double arrow issue MQC 337 same as bold link with out image*/
.smallTitleLink
{
	padding: 1px 0 0 0;
	text-transform: none;
      display: inline-block;
	font-weight: bold;
	font-size:10px;
}
div#close
{
float:right;
margin-right:30px;
padding-top:35px;
}
*html div#close
{
margin-right:15px;
}
.boldText01
{
font-size:93%;
font-weight:bold;
}
div#content #icons LI IMG {
MARGIN: 0px 1px 3px 0px;
padding:0;
}
div#content #icons {
MARGIN: 0px 0px 2px 0px;
padding:0 0 0px 0;
}
div#content #icons .last A IMG
{margin-top:2px;}
.aLeft
{text-align:left;}
.aRight
{text-align:right;}
.aCenter
{text-align:center;}
/* email Popup Stlyls -Start */
.bodyContent {
	color: #666;
	font: Verdana, Arial, sans-serif;
	font-size: 8pt;
	position: relative;
}
.PageTitle
{
	font-family: Gotham-Book, Verdana, Arial;
	font-size: 18px;
	color: #F7941C; 
}
/* email Popup Styles - End*/
/*case study layout sytles - starts */
div.imgContainer {
	display: block;
	float: left;
	margin: 0 0 5px 0;
	padding:12px;
	background-color:#dcdcdc;
}
div.imgContainer p {
	margin: 0;
}
div.imgContainer div {
	float: right;
	margin: 0;
	padding: 0;
	width: 373px;
        position: relative;
}
*html div.imgContainer div {
	float: right;
	margin: 0;
	padding: 0;
	width: 354px;
      position: relative;
}
div#content div.imgContainer img {
	border: 1px solid #ccc;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width:auto;
}
/* case study layout sytles - ends */
.mediaText
{
font-size:100%;
}
div#related div.thumbview p.imgContent img
{
width:auto !important;
}

.subbulletsSingleLine {
	margin: 0;
	background: url('../ss-projects/cit-bullet.gif') no-repeat 0 5px;
	list-style: none;
	padding-left: 7px;
      font-style: italic;
      background-position-x:0px;
      margin-left:10px;
}

/* Styles for Widget alignment created by Deepak */
#content.left-element {
  margin:0 0 25px;
  width: 520px;
  
   }

#content.right-element {
   text-align:right;
    margin:0 0 25px;
  width: 520px;
   } 
   
   
 #content.center-element {
   text-align:center;
   margin:0 0 25px;
    width: 520px;
   }  
/* Search button style */
.searchButton
{
	border-width:0px;border-style:None;vertical-align:bottom;
}

html > body .searchButton
{
	border-width:0px;border-style:None;vertical-align:bottom;
	padding:6px;
	position:absolute;
}

/* CSS hack for google search results , only for firefox,chrome */

html>body #searchContent{
margin-top:123px;
}




/* Language Selection Label */
.langLabel
{
	vertical-align:bottom;
}

html > body .langLabel
{
	vertical-align:middle;
}

/* MMO Related Style  --------STARTS HERE---------- */
* {
	margin: 0;
	padding: 0;
}

/* Content */

#relativeMMO {
	position: relative;
	float: right;
	width:230px;
	border-left: 1px solid #c4d9f4;
	margin-top: -25px;
}

#relativeMMO  .shareButton {
	position: relative;	
	border-bottom: 1px solid #c4d9f4;
	float: right;
	width: 100% 
	/* padding-right: 70px;
	padding-left: 40px; */
	
}

/*style for share on 11/8/11*/
.share {
	margin-bottom: 10px;
	padding: 0 0 10px 12px;
	
}
.addthis_default_style .at300b, .addthis_default_style .at300m {
	padding: 0 4px;
}
.share .addthis_toolbox {
	float: none !important;
	position: relative;
	width: 100% !important;
}

#content.wide .share {
	position: absolute;
	top: 0;
	right: 25px;

}

#content.wideIQ .share {
    position: absolute;
    right: -60px;
    top: 0;
    
}

#related .share {
    margin-bottom: 10px;
    padding: 0 0 10px 12px;
    margin-left: -20px;
}
/*end share changes*/

html > body #relativeMMO  .shareButton{
/*	padding-left: 70px; */
    margin-top: 10px;
}

div.shareButton > ul#icons{
	margin: 0 0 0 0;
	padding-top: 20px;
	padding-bottom: 20px;
}
* html div.shareButton  ul#icons{
	margin: 0 0 0 0;
	padding-top: 20px;
	padding-bottom: 20px;
}


#contentMMOLand {
	position: relative;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	width: 559px;   /*changed from 790px*/ 
	color: #656565;
	float: right;
}
#contentMMOLand h1 {
	margin-bottom: 10px;
	font-size: 22px;
	color: #3d73b3;
}
#contentMMOLand p {
	margin-bottom: 30px;
	color: #656565;
}
#contentMMOLand a:link, #contentMMO a:visited {
	color: #4177b6;
	text-decoration: underline;
}
#contentMMOLand a:hover, #contentMMO a:active {
color: #F7941C; /*474746 changed to make it consistent with existing style*/
	text-decoration: underline;
}

#contentMMO {
	position: relative;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	width: 790px;
	color: #656565;
	float: right;
}
#contentMMO h1 {
	margin-bottom: 10px;
	font:bold 22px Verdana,sans-serif;
	color: #3d73b3;
	letter-spacing: -.02em;
	margin: 0 0 20px 0;
	padding: 0;

}
#contentMMO p {
	margin-bottom: 30px;
	color: #656565;
}
#contentMMO a:link, #contentMMO a:visited {
	color: #4177b6;
	text-decoration: underline;
}
#contentMMO a:hover, #contentMMO a:active {
color: #F7941C; /*474746 changed to make it consistent with existing style*/
	text-decoration: underline;
}

/* Content Primary */
#contentPrimaryMMO {
	float: left;
	width: 539px;
	padding-right: 16px;
/*	border-right: 1px solid #c4d9f4;*/
}
/* Mindtree addtions for CSS hascks -starts*/
*html  #contentPrimaryMMO{
	float: left;
	width: 539px;
	padding-right: 24px;
}
#contentPrimaryMMO p {
	margin: 0 10px 24px 20px;
	font-size: 12px;
	line-height: 18px;
}
/* Content Report */
#contentReportMMO {
	position: relative;
	width: 360px;     
	height: 216px;
	margin-bottom: 25px;
	margin-top: -50px;
	padding: 23px 0 0 177px;
	border: 1px solid #e7e4e4;
}
/* Mindtree addtions for CSS hascks -starts*/
*html  #contentReportMMO {
		width: 523px; 
	
}

#contentReportMMO h1 {
	margin: 0;
	font-size: 16px;
	font-weight: normal;
	color: #3c3d3d;
}
#contentReportMMO h2 {
	margin-bottom: 8px;
	font-size: 20px;
	color: #3d73b3;
}
#contentReportMMO p {
	margin: 0 0 15px;
	font-size: 14px;
	line-height: 20px;
}
#contentReportMMO a:hover img {
	opacity: 0.8;
	filter: alpha(opacity = 80);
	zoom: 1;
}
#contentReportMMO img {
	border: 7px solid #eaeaea;
	margin-top: 150px;
}

/* Content Secondary */
#contentSecondaryMMO {
	float: right;
	width: 229px;
	
	
}
/* Content Results */
#contentResultsMMO .result {
	position: relative;
	padding: 20px 0 22px 65px;
	border-bottom: 1px solid #c4d9f4;
	

}
#contentResultsMMO .result h3 {
	font-size: 40px;
	font-weight: normal;
	color: #3c72b2;
}
#contentResultsMMO .result p {
	margin: 0;
	color: #656565;
	line-height: 18px;
}
#contentResultsMMO .percent60 {
	
}
#contentResultsMMO .percent43 {
	
}
#contentResultsMMO .percent82 {
	
}
#contentResultsMMO p.statement{
	position: relative;
	margin: 0;
	padding: 20px 0 20px 16px;
	color: #656565;
	line-height: 20px;
	border-bottom: 1px solid #c4d9f4;
}
#contentResultsMMO p.statement strong {
	font-size: 16px;
	color: #3d73b3;
}

/* Content Resources */
#contentResourcesMMO h4 {
	padding: 12px 15px;
	font-size: 14px;
	color: #3d73b3;
	background-color: #eaeaea;
}
#contentResourcesMMO .resource {
	padding: 18px 15px 18px 80px;
	border-bottom: 1px solid #c4d9f4;
}
#contentResourcesMMO .resource p {
	margin-bottom: 5px;
	font-size: 11px;
	color: #3c3d3d;
	line-height: 15px;
}
#contentResourcesMMO .resource a img {
	border: 0;
}
#contentResourcesMMO .resource a:hover img {
	opacity: 0.8;
	filter: alpha(opacity = 80);
	zoom: 1;
}

/* Added additional style for mmo related resource promo------- Starts Here -------*/
#contentResourcesMMO.resourceimage {
	padding: 14px 0px 14px 14px;
	border-bottom: 1px solid #c4d9f4;
}

/* Added additional style ---- Ends Here--------*/

#contentResourcesMMO .experts {
	
}
#contentResourcesMMO .podcast {
	
}
#contentResourcesMMO .funding {
	
}
#contentResourcesMMO .link {
	display: block;
	padding: 15px;
	font-size: 11px;
	border-bottom: 1px solid #c4d9f4;
	
}

/* Content Form */
#contentFormMMO {
	padding: 6px 0 0 225px;
	font-size: 11px;
	margin-top: -250px;
	
}

*html #contentFormMMO {
	margin-top: -270px;
	
}
#contentFormMMO h1 {
	margin: 0;
}
#contentFormMMO h2 {
	margin-bottom: 22px;
	font-size: 16px;
	color: #858584;
}
#contentFormMMO table {
	margin-bottom: 20px;
	border-bottom: 1px solid #eaeaea;
}
#contentFormMMO td {
	vertical-align: top;
	font-size: 8.3pt; 
}
#contentFormMMO label {
	display: block;
	width: 65px;
	padding: 18px 10px 0 0;
	font-weight: bold;
	color: #3d73b1;
	text-align: right;
}
#contentFormMMO input.field {
	width: 180px; 
	height: 45px; 
	margin-bottom: 18px;
	padding: 7px 0 0 12px;
	font-size: 12px;
	color: #4b4c4c;
	background: url('../../@wcm/documents/web-assets/field_background.gif') 0 0 no-repeat;
	background-attachment: fixed;
	border: 8px solid #f2f2f2;
}
#contentFormMMO span {
	display: block;
	margin: 0 0 15px 75px;
	color: #4177b6;
}
#contentFormTextMMO {
	margin: 0 0 20px 80px;
}



#contentFormBtnMMO {
	margin-left: 75px;
	width: 118px;
	height: 34px;
	
}

#contentFormBtnMMO input{
 border: 8px solid #EAEAEA;
}

/* IE 6 hack for download button alignment----- STARTS HERE------*/
*html  #contentFormBtnMMO{
	
	margin-left: 75px;
	width: 134px;
	height: 50px;
	}
*html  #contentFormBtnMMO input{
	position: absolute;
	font-size: 11px;
	color: #656565;	
	border: 8px solid #EAEAEA;
}
/* IE 6 hack for download button alignment----- ENDS HERE------*/


/* Content Actions */
#contentActionsMMO {
	position: relative;
	height: 125px;
}
#contentActionsMMO a {
	float: left;
	margin-right: 30px;
}
#contentActionsMMO a img {
	border: 0;
}
/* Added By Sourabh */

#solutionMMO{
	background: #FFFFFF;
	float: left;
	height: 115px;
	margin-bottom: 25px;
	position: relative;
	z-index: 1;
}
/* ===== Content ===== */

#subcontentMMO {
	float: left;
	font-size: 85%;
	margin: 0 15px 0 0;
	padding: 0 8px 0 20px;
	width: 159px;
	margin-top: 100px;
}
#subcontentMMO ul {
	list-style: none;
	margin-left: 0;
}
#subcontentMMO h3 {
	text-transform: uppercase;
}
#subcontentMMO hr {
	color: #FFF;
	border: dotted #333;
	border-width: 1px 0 0;
	height: 1px;
}

#contentFormImage {
		height: 265px;
		width: 150px;
}


/* MMO Related Style  --------ENDS HERE---------- */

/* Case Study Related Style ------------   STARTS HERE -------------- */

* {
	margin: 0;
	padding: 0;
}

/* Solution */
#solution h3 {
	position: absolute;
	top: 35px;
	right: 0;
	width: 218px;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #1573bb;
}
#solution h4 {
	position: absolute;
	top: 58px;
	right: 0;
	width: 218px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #1573bb;
}

/* Content */
#caseStudy {
	float: right;
	width: 793px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #3c3d3d;
}

/* Content Banner */
#contentBanner {
	position: relative;
	width: 793px;
	height: 273px;
}


/* Content Text */
#contentText {
	position: relative;
	width: 793px;
	padding-top: 19px;
}

/* Content Primary */
#contentPrimaryCaseStudy {
	float: left;
	width: 515px;
	padding: 5px 0 0 19px;
}
/* Equation Block */
.equationBlock {
	position: relative;
	clear: both;
	width: 515px;
	padding: 0 0 8px 0;
}

.equationBlock .left {
	float: left;
	width: 49px;
	margin-right: 12px;
}

.equationBlock .right {
	float: left;
	width: 454px;
	margin-top: 11px;
}

/*.intellectual {
	background: url(../img/case-studies/plus_green.gif) 0 0 no-repeat;
}
.relationship {
	background: url(../img/case-studies/plus_orange.gif) 0 0 no-repeat;
}
.financial {
	background: url(../img/case-studies/plus_red.gif) 0 0 no-repeat;
}
.potential {
	background: url(../img/case-studies/equal_blue.gif) 0 0 no-repeat;
}*/
.equationBlock h3 {
	margin-bottom: 6px;
	font: normal 20px Verdana, Arial, Helvetica, sans-serif;
}
.intellectual h3 {
	color: #669202;
}
.relationship h3 {
	color: #eb7c00;
}
.financial h3 {
	color: #eb0600;
}
.potential h3 {
	color: #006feb;
}
.equationBlock p {
	padding: 0 10px 27px 0;
	line-height: 18px;
	border-bottom: 1px solid #e6e5e5;
}
.equationBlock p.last {
	border-bottom: 0;
}

/* Content Secondary */
#contentSecondaryCaseStudy {
	float: right;
	width: 224px;
	margin-right: 9px;
}
/* Content Button */
.contentButton {
	position: relative;
	margin-bottom: 20px;
}
.contentButton a img {
	border: 0;
}
.contentButton a:hover img {
	opacity: 0.8;
	filter: alpha(opacity = 80);
	zoom: 1;
}
/* Content Box */
.contentBox {
	margin-bottom: 10px;
	padding: 15px 14px 0;
	background: url('../../@wcm/documents/web-assets/box_bg.gif') bottom left repeat-x;
	border: 1px solid #e7e4e4;
}
.contentBox h3 {
	margin-bottom: 2px;
	font-size: 15px;
	color: #1573bb;
}
.contentBox p {
	margin-bottom: 15px;
	font-size: 11px;
	line-height: 16px;
}
/* Content Photo */
.contentPhoto {
	margin: 6px 0;
}
.map {
	margin: 15px 0 6px;
}

/* Solution sub alignment */
#solutionsubcasestudy {
	background: #C4D9F4  no-repeat;
	float: left;
	height: 124px;
	position: relative;
	z-index: 1;
}
#solutionsubcasestudy #solutioncasecontent {
	padding: 8px 20px 5px 14px;/*edited padding-top from 20 to 8px*/
}

/* Case Study Related Style ------------   ENDS HERE -------------- */

/* Content Primary */

html > body #contentPrimary{

width: 542px;
}

#contentPrimary {
	float: left;
	width: 561px;
	padding-right: 18px;
	/* border-right: 1px solid #c4d9f4; */
}
#contentPrimary p {
	margin: 0 10px 24px 20px;
	font-size: 12px;
	line-height: 18px;
}
/* Content Report */
#contentReport {
	position: relative;
	width: 360px;
	height: 216px;
	margin-bottom: 25px;
	margin-top: 5px;
	padding: 24px 0 0 177px;	
	border: 1px solid #e7e4e4;
}
/* Mindtree addtions for CSS hascks -starts*/
*html  #contentReport {
		width: 523px; 
	
}
#contentReport h1 {
	margin: 0;
	font-size: 16px;
	font-weight: normal;
	color: #3c3d3d;
}
#contentReport h2 {
	margin-bottom: 8px;
	font-size: 20px;
	color: #3d73b3;
}
#contentReport p {
	margin: 0 0 15px;
	font-size: 14px;
	line-height: 20px;
}
#contentReport a:hover img {
	opacity: 0.8;
	filter: alpha(opacity = 80);
	zoom: 1;
}
#contentReport img {
	border: 7px solid #eaeaea;
}
/* Content Graph */
#contentGraph {
	position: relative;
	width: 523px;
	height: 423px;
	margin-bottom: 25px;
	padding: 15px 0 0 14px;
	border: 1px solid #e7e4e4;
}
#contentGraph h3 {
	font-size: 18px;
	color: #474746;
}
#contentGraph p {
	margin: 0;
	font-size: 14px;
	line-height: 20px;
}
/* ---Content Report --end----*/

/*Added new class for Action */
#pageActions {
	padding: 50px 0 0 160px;
	font-size:10px;
	width:860px;
}

/*Added new class for Action */
#pageActions {
	position: relative;
	padding: 50px 0 0 160px;
	width:920px;
}

#pageActions ul#icons {
	vertical-align: bottom;
	margin: 0 0 0px 0;
}

html > body #pageActions {
width:760px
}
  /* New styles for commercial services contact us page added by mindtree */
        form#contact {
            width: 99%;
        }
        form em {
            color: #fd8c03;
            font-weight: bold;
        } 
        #contactUs label, #contactUs input, #contactUs select {
            float: left;
            clear: left;
            padding: 2px 0;
            width: 246px;
        }
		#contactUs label {
		HEIGHT: 14px;
		margin-top: 5px;
        text-align: left;
        }
		#contactUs input.textbox {
			HEIGHT: 22px;
			font: normal 12px Verdana, Arial, Helvetica, sans-serif;
		}
		#contactUs select {
			HEIGHT: 22px;
			font: normal 12px Verdana, Arial, Helvetica, sans-serif;
			
		}
		#contactUs #txtMessage{
			height:130px;
		}
		#contactUs.subhead {
			height:16px;
		}
		
        #contactUs #imbSubmit {
            border:0px none;
            margin-top:10px;
            width: auto;
            }
        #contactUs .alt {
            float: right;
            clear: none;
        }

        #contactUs .strProducts_Services {
        /* Newly added styles - commercialfinance contact us page*/
            height: 202px;
            width: 520px;
			font: normal 12px Verdana, Arial, Helvetica, sans-serif;
        }
        #contactUs #imbReset {
            border:0px none;
            margin-top:10px;
            margin-left:20px;
            width:56px;
            clear: none;
        }
        /* Newly added styles - commercial finance cotact us end here */
        
        #contactUs input.textBox {
            padding: 2px;
            width: 246px;
        }
        #contactUs .comments {
            clear: both;
            display: block;
            width: 100%;
        }
        #comments {
            float: none;
        }
        #contactUs #submit {
            width: 56px;
            border: 0;
            margin-top: 10px;
        }
  /*inner div style */        
  #contactUs label.label01, #contactUs input {
            float: left;
            clear: left;
            padding: 2px 0px;
            width: 160px;
        }
  #contactUs div.currentCust label {
            margin-top: 5px;
            text-align: left;
        }

  div.currentCust
  {
  width:520px;
  margin-top:20px;
  padding:5px;
  border:1px solid #eaeaea;
  position:relative;
  }
  html > body #contactUs label.label01, html > body #contactUs input {
            padding: 2px 0px;
            width: 165px;
        }
  html > body div.currentCust
  {
  width:525px;
  }

  #contactUs div.currentCust label
  {
  width:246px;
  }
        #contactUs .alt01 {
            float: left;
            clear: none;
            text-align:left;
            margin-left:15px;
        }
        #contactUs .alt02 {
            float: right;
            clear: none;
            margin-left:0px;
            margin-right:0px;
        }
		

		
/* END---------styles for commercial services contact us page added by mindtree */

  /* inner div style -ends */


/* Content Promos new IQ Promo*/
#contentPromos {
	float: right;
	width: 220px;
	margin-bottom: 15px;
	padding-top: 0px;
}
#contentPromos h3 {
	padding: 11px;
	font-size: 12px;
	color: #fff;
	background-color: #0153a5;
}
#contentPromos .promo {
	margin-top: 15px;
	padding-bottom: 12px;
	border-bottom: 1px solid #dbdbdb;
}
#contentPromos .promo img {
	border: 1px solid #e0dede;
}
#contentPromos .promo h4 {
	margin-bottom: 8px;
	font-size: 11px;
	color: #747474;
	line-height: 14px;
}
#contentPromos .promo .title {
	margin-bottom: 5px;
}
#contentPromos .promo .title img {
	float: left;
	margin-right: 10px;
}
#contentPromos .promo .title h4 {
	float: left;
	width: 140px;
	margin: 0;
}
#contentPromos .promo .title h4 span {
	font-weight: normal;
}
#contentPromos .promo p {
	margin: 0 18px 5px 0;
	font-size: 10px;
	color: #747474;
}
#contentPromos .promo a {
	padding-right: 10px;
	font-weight: bold;
	background: transparent url(./promo_arrows.gif) 100% 6px no-repeat;
}
#contentPromos .promo a:link, #contentPromos .promo a:visited {
	color: #02437b;
	text-decoration: none;
}
#contentPromos .promo a:hover, #contentPromos .promo a:active {
	color: #f7941c;
	text-decoration: underline;
}


.contentPromosubtitle {
	margin-bottom: 8px;
	font-size: 11px;
	color: #747474;
	line-height: 14px;
}

.contentPromoabstract {
	margin: 0 18px 5px 0;
	font-size: 10px;
	color: #747474;
}

/* Content Float Fix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}


/* END-  Content Promos new IQ Promo */

.wideBanner {WIDTH:995px;}


/* Photo Gallary Styles--END*/

.Photocol {
	float: left;
	margin: 17px 17px 0 0;
}
html>body .Photocol {
	float: left;
	margin: 25px 25px 0 0;
}


.Photocol a:link span{display: none;}

.Photocol a:visited span{display: none;}

.Photocol a:hover span {
  position: absolute;
  margin-top :89px;
  margin-left:-60px;
  background-color: #e2eefe; 
  width : 200px;
  padding: 5px;
  border: 1px solid #01447b;
  color: #01447b;
  font-size: 10px;
  font-family:verdana;
  text-decoration:none ;
  text-decoration:none;
  display: block;
 }

html>body .Photocol a:hover span{

  margin-top :14px;
 }

.Photo:hover{
     position: relative;
     text-decoration:none;
    }
.Photo:hover span{ 
      top: 0;
      left: 60px;
      z-index: 5;
}
.twocol .Photocol {
	width: 350px;
}

.wide .Photocol div {
  
	float: left;
	margin: 15px 0 20px 0;
	padding: 0;
	width: 100%;
}


.wide .threecol div div{
	margin-right: 0;
	padding-right: 0;
}

.wide .fourcol div {
	float: left;
	width: 150px;
}

/* Photo Gallary Styles--END*/

/* New Business Unit Layout*/
/* Banner */

#bannerIQ {
	position: relative;
	width: 995px;
	font-size: 14px;
	color: #ffffff;
	background-color: #005696;
	margin-bottom:0px;
	float: left;
	z-index: 1;
	display: block;
	
}

#bannerPhoto img {
	display: block;
}

#bannerText {
	position: absolute;
	top: 10%;
	left: 758px;
}

#bannerText h3 {
        color: #ffffff;
	margin-bottom: 5px;
	font: normal 30px Verdana;
}
#bannerText p {
	padding: 0 20px 20px 0;
	line-height: 20px;
	margin: 0;
	color: #ffffff;
}
#bannerText p strong,#bannerText p b {
	color: #ffffff;
}
#bannerText a.button {
	display: block;
	width: 137px;
	height: 28px;
	margin-bottom: 10px;
	padding: 10px 0 0 14px;
	font: bold 14px Arial;
	text-transform: uppercase;	
}

#bannerText a.button:link, #bannerText a.button:visited {
	color: #ffffff;
	text-decoration: none;
}
#bannerText a.button:hover, #bannerText a.button:active {
	color: #ffffff;
	text-decoration: none;
	background-position: 0 -38px;
}

/* Content */
#contentIQ {
	position: relative;
	width: 995px;
	padding: 0 15px 55px 64px;
	color: #666;
	overflow: auto;
}
 html>body #contentIQ{
   width: 916px;
        }
/* Content Primary */
#contentPrimaryIQ {
	float: left;
	width: 622px;
	padding-top: 7px;
}
#contentPrimaryIQ h1 {
	margin-bottom: 10px;
	font: normal 30px Verdana;
	color: #56924e;
	line-height: 40px;
}
#contentPrimaryIQ h3 {
	padding: 20px 0 15px;
	font: normal 18px Verdana;
	color: #0053a5;
}

#contentPrimaryIQ h2 {
	padding: 10px 0 10px 20px;
	font: normal 18px Verdana;
	color: #56924e;
	background: url(./arrowgray.gif) 10px 50% no-repeat;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#contentPrimaryIQ p {
	padding-bottom: 20px;
	font-size: 16px;
	color: #666;
	line-height: 24px;
	margin:0;
}
#contentPrimaryIQ ul {
	margin:0px 0px 0px 38px;
	padding: 18px 0;
	
}
#contentPrimaryIQ ul li {
	padding-bottom: 9px;
}

/* Content Primary - Key Areas */
#contentPrimaryIQ .key_areas {
	position: relative;
	width: 622px;
	overflow: auto;
}
#contentPrimaryIQ .key_area {
	width: 279px;
	
}
#contentPrimaryIQ .services_products {
	width: 622px;
	padding-bottom: 16px;
	overflow: auto;
}
#contentPrimaryIQ .left {
	float: left;
	width: 279px;
}
#contentPrimaryIQ .right {
	float: right;
	width: 279px;
	
	
	
}

/* Content Primary - Case Studies */
#contentPrimaryIQ .case_studies h3 {
	margin-bottom: 20px;
	padding-bottom: 6px;
	border-bottom: 1px solid #ddd;
}
#contentPrimaryIQ .case_study {
	width: 622px;
	padding-bottom: 20px;
	overflow: auto;
}
#contentPrimaryIQ .case_studies .thumbview img {
	float: left;
	width: 100px;
	border: 1px solid #ccc;
}
#contentPrimaryIQ .case_studies .thumbview div {
	float: right;
	width: 510px;
}
#contentPrimaryIQ .case_studies .thumbview div h3 {
	margin: 2px 0 5px;
	font: bold 12px Verdana;
	text-transform: uppercase;
	padding: 0;
	border-bottom-style:none;
}
#contentPrimaryIQ .case_studies  .thumbview div h3 a {
	padding-right: 7px;
	background: url(./contentarrow.gif) 100% 50% no-repeat;
}
#contentPrimaryIQ .case_studies  .thumbview div h3 a:link, #contentPrimaryIQ .case_studies .thumbview div h3 a:visited {
	color: #0053a5;
	text-decoration: none;
}
#contentPrimaryIQ .case_studies .thumbview div h3 a:hover, #contentPrimaryIQ .case_studies .thumbview div h3 a:active {
	color: #f7941c;
	text-decoration: underline;
}
#contentPrimaryIQ .case_studies .thumbview  div p {
	padding: 0;
	font-size: 12px;
	line-height: 18px;
}

/* Content Secondary */
#contentSecondaryIQ {
	float: right;
	width: 230px;
	/*
	padding-top: 20px;
	*/
}
#contentSecondaryIQ a:link, #contentSecondaryIQ a:visited {
	color: #02437b;
	text-decoration: none;
}
#contentSecondaryIQ a:hover, #contentSecondaryIQ a:active {
	color: #f7941c;
	text-decoration: none;
}
#contentSecondaryIQ .share {
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: right;
	}
#contentSecondaryIQ .share ul#icons {
    float: right;
    list-style: none outside none;
    margin: 0;
}
#contentSecondaryIQ .share ul#icons.secondary {
    margin: 0;
    
}
#contentSecondaryIQ .share ul .last{
	border-top-style: none;
}

#contentSecondaryIQ .share img {
	border: none;
}
#contentSecondaryIQ .download {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	padding-top:10px;
	border-top:1px solid #ddd;
}
#contentSecondaryIQ .download a{
	display: block;
	padding: 11px 0 11px 33px;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#contentSecondaryIQ .download span{
	padding-right: 11px;
	background: url(./downloadarrow.gif) 100% 50% no-repeat;
}
#contentSecondaryIQ ul.nav {
	padding: 12px 0 18px;
	list-style-type: none;
	margin: 0;
}
#contentSecondaryIQ ul.nav li {
	padding: 0 0 9px 20px;
}
#contentSecondaryIQ ul.nav li a {
	display: block;
	padding-left: 11px;
	background: url(./arrowblue.gif) 0 50% no-repeat;
}
#contentSecondaryIQ ul.nav li a:hover, #contentSecondaryIQ ul.nav li a:active {
	text-decoration: underline;
}

/* Content Secondary - Promos */
#contentSecondaryIQ .promo {
	width: 210px;
	margin-bottom: 20px;
	padding: 10px 10px 16px;
	background: #f3f3f3 url(./promobg.gif) 0 0 repeat-x;
	border: 1px solid #ddd;
}
#contentSecondaryIQ .promo h3 {
	margin-bottom: 15px;
	padding: 2px 0 7px 5px;
	font-size: 12px;
	color: #0053a5;
	border-bottom: 1px solid #ddd;
}
#contentSecondaryIQ .promo_content {
	width: 198px;
	padding: 0 5px;
}

#contentSecondaryIQ .promo_content h4 {
	font-size: 11px;
	line-height: 14px;
	width:198px;
}
#contentSecondaryIQ .promo_content h4 span {
	display: block;
	font-size: 10px;
	font-weight: normal;
}
#contentSecondaryIQ .promo_content p {
	font-size: 10px;
	line-height: 14px;
	margin: 0;
	}
#contentSecondaryIQ .promo_content p a {
	padding-right: 10px;
	font: bold 11px Verdana;
	text-transform: uppercase;
	background: url(./promoarrows.gif) 100% 50% no-repeat;
}
#contentSecondaryIQ .promo_content p a:hover, #contentSecondaryIQ .promo_content p a:active {
	text-decoration: underline;
}
#contentSecondaryIQ .promo_intro {
	width: 198px;
	overflow: auto;
	margin-bottom:8px;
}
#contentSecondaryIQ .promo_intro img {
	float: left;
	border: 1px solid #ddd;
}
#contentSecondaryIQ .promo_intro h4 {
	float: right;
	width: 132px;
}

#contentSecondaryIQ .last {
	margin-top: 12px;
	padding-top: 15px;
	border-top: 1px solid #ddd;
}
#contentSecondaryIQ .promo_content a Img{
	border: 0;
}
#contentSecondaryIQ .promo_content a:hover img {
	opacity: 0.8;
	filter: alpha(opacity = 80);
	zoom: 1;
}
.BUPromoBold {	
	font-size: 11px;
	font-weight: bold;	
	}
	
.BUPromoNormal {	
	font-size: 10px;
	font-weight: normal;
}

/* END---New Business Unit Layout*/

/* BEGIN---CONTACT-US-LAYOUT-SFDC*/
 #contactSdfc label, #contactSdfc input, #contactSdfc select {
            float: left;
            clear: left;
            padding: 2px 0;
            width: 262px;
            color: #666666;
        }
  
		#contactSdfc label {
		HEIGHT: 14px;
		margin-top: 5px;
       		text-align: left;
       		margin-top: 1.5em;
        }
		#contactSdfc input.textbox {
			HEIGHT: 22px;
			font: normal 12px Verdana, Arial, Helvetica, sans-serif;
			
		}
		#contactSdfc select.textbox {
			HEIGHT: 22px;
			font: normal 11px Verdana, Arial, Helvetica, sans-serif;
					
		}	
        #contactSdfc #imbSubmit {
            border:0px none;
            margin-top:10px;
            width: auto;
            }
        #contactSdfc .alt {
            float: right;
            clear: none;
        } 
      
        
        #contactSdfc .comments {
            clear: both;
            display: block;
            width: 100%;
        }
        #comments {
            float: none;
        }
        #contactSdfc #submit {
            width: 56px;
            border: 0;
            margin-top: 10px;
        }
  /*inner div style */        
        #contactSdfc .alt01 {
            float: left;
            clear: none;
            text-align:left;
            margin-left:15px;
        }
        #contactSdfc .alt02 {
            float: right;
            clear: none;
            margin-left:0px;
            margin-right:0px;
        }
        html > body div.currentCustomer {
	    width: 525px;
	}
	
	div.currentCustomer {
	    border: 0 none;
	    height: 50px;
	    margin-top: 20px;
	    padding: 5px;
	    width: 520px;
	    position:relative;
	}
	#contactSdfc div.currentCustomer label.label01,#contactSdfc div.currentCustomer input {
	             padding: 2px 0px;
	             width: 160px;
	         }
	   #contactSdfc div.currentCustomer label {
	             margin-top: 0.5em;
	             text-align: left;
	         }
	 
	    
	   html > body #contactSdfc div.currentCustomer label.label01, html > body #contactSdfc div.currentCustomer input {
	             padding: 2px 0px;
	             width: 165px;
	         }
	   html > body div.currentCustomer
	   {
	   width:525px;
	   }
	 
	   #contactSdfc div.currentCustomer label
	   {
	   width:163px;
	   }
	   
	       #hrline {
	           border-bottom: 1px solid #DDDDDD;
	           float: left;
	           height: 1px;
	           margin-top: 20px;
	           width :100%;
	           }
	       #subdiv {
	           float: left;
	           height: 1px;
	           margin-top: 20px;
	           width :100%;
	           font-weight: bold;
	           }

	   

/* END---CONTACT-US-LAYOUT-SFDC*/

/* BEGIN---HIDE BANNER ---*/

 #solutiondivline {	
    float: left;
	height: 1px;
	margin-bottom: 25px;
	position: relative;
	z-index: 1;
	border-bottom: 1px solid #ddd;
   }
 /* END---HIDE BANNER*/
 
 
 /* BEGIN---CASE-STUDY-IQ-LAYOUT ---*/

  #contentCaseStudiesIQ{
       PADDING-RIGHT: 20px;
       FLOAT: left;
       PADDING-BOTTOM: 20px;
      }
      
  /* END---HIDE BANNER*/
  
/* BEGIN --New CSS/Style Changes --- */  
.summary{
  	font: 16px Verdana, sans-serif;
  	line-height: 24px;
}



#content.wideIQ {
	margin-left:20px;
	width: 667px;
	float: left;
	z-index: 4;
}

#relatedIQ {
	float: left;
	width: 230px; 
}


div#content.wideIQ div.thumbview div {
	width: 667px;
	float:left;
	display: inline;
}

div#content.wideIQ div.thumbview {
float:left;
display: inline;
}
*html div#content.wideIQ div.thumbview div {
	width: 530px;/* width changed from 637 to 530px */
}
div#content.wideIQ div.thumbview div h3 a{
    padding-right:7px;
}
#content.newIQcontent {
	margin: 0 44px 0 58px;
	width: 426px; 	
}


*html  #content.newIQcontent{
	
	margin-right:63px;
	padding-right :0px;
}


*html #content.wideIQ{
		margin-left:44px;

}
.selectedlhn{
  	padding-left: 11px;
}

#content.newIQcontent hr, #content.wideIQ hr {
	           float: left;
	           height: 1px;
	           margin-bottom: 32px;
    		   margin-top: 23px;
	           width :100%;
	           }

*html #content.newIQcontent hr, #content.wideIQ hr{
	
	 margin-bottom:-20px;
         margin-top: 35px;
}
*html div#content.wideIQ div.thumbview {
margin-bottom:34px;
}
/*Left Nav, H1, and Share Buttons would be top aligned */

.toplevel{
   margin-top: -7px;
}


/* Vedio Player and MMO SEO Enhancements */
 #contentReportImage img{
	      border: none;
	      margin:21px 0px 10px 27px;
	        }    
 #contentReportImage{
	      float: left;
	        }   
	      
.contentReportText{
	      float: right;
    	      margin-bottom: 10px;
   	      margin-top: 21px;
   	      width: 360px;         
	        }
*html BODY  .contentReportText{padding-left:15px;)






