/* Undo existing styles
======================================================================*/
a img,:link img,:visited img { border: none; }
button, code, h1, h2, h3, h4, h5, h6, input, pre, select, table, td, textarea, th {font-size: 1em; }
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, 
html, label, legend, li, ol, p, pre, table, td, th, ul
{ margin: 0; padding: 0; }


/* FOUNDATION
======================================================================*/
body {text-align:left; width: 100%;}

a, p, ul, li, label, div, span {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.clear {clear: both; font-size: 1px; line-height: 1px; height: 1px; margin: 0px; padding: 0px; width: 100%;}
.clearSm {clear: both; font-size: 1px; line-height: 1px; height: 13px; margin: 0px; padding: 0px; width: 100%;}

h1 {color: #1B4966; font-size: 16px; margin-bottom: 10px;}
h2 {color: #5A7180; font-size: 13px; margin-bottom: 3px;}
h3.first,
h3 {border-top: 1px solid #D9D9D9; color: #000; font-size: 12px; margin-bottom: 5px; padding-top: 23px;}
h3.first {border-top: none; padding-top: 5px;}
p {font-size: 12px; line-height: 16px; margin: 0px 3px 15px 0px;}
a {color: #EA2035;}
a:hover {color: #FF0040;}
td {vertical-align: top;}
.test2 {background: #ffcc00 !important;}

.sup {
vertical-align: super;
line-height: 60%;
font-size: 60%; 
 
}

/* HEADER
======================================================================*/
.header {background: #000A15 url(../images/template/ph_hdr_background.gif) repeat-x; height: 66px; min-width: 1024px;}
.header .logo {float: left; padding-left: 5px;}
.header .jumpNav {float: right; 
/*edit to abs position*/
	position:absolute;
	right:0;
	top:3px;}
.header ul {color: #CDCDCD; list-style-type: none; padding-top: 10px; padding-right: 10px;}
.header li {color: #CDCDCD; float: left; font-size: 11px;}
.header .jumpNav a, .footer a {color: #CDCDCD; padding: 10px 2px; text-decoration: none;}
.header .jumpNav a:hover, .footer a:hover {color: #FFF;}



	/* ===== NAV DROPDOWN (base styles) ===== */
	#nav {background-color: #EA2035; padding-left: 63px; min-width: 961px;z-index:100;}
	#nav ul {height:20px; }
	#nav, #nav ul {list-style-type: none;}
	#nav a {
		border-left: 1px solid #F38590;
		color: #FFF; 
		display: block; 
		font-size: 11px; 
		font-weight: bold; 
		padding-top: 3px; 
		text-align:center;
		text-decoration: none;
		width: 145px;
		height:17px;
	}
	#nav a.last {border-right: 1px solid #F38590;}
	#nav li ul li a.drop {background: url(../images/template/ph_nav_tab.gif) no-repeat right;}
	#nav li {float: left; width: 145px;}
	#nav li ul {position: absolute; left: -999em; width: 170px; display: none;}
	#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;display: none;}
	#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto; display: block;}
	
	/* ===== NAV DROPDOWN (fine tuning) ===== */ 
	/*---- FIRST DROPDOWN NAV --- */ 
	#nav li ul li {background-color: #AD1827; border-bottom: 1px solid #FFF; color: #FFF; text-align:left; width: 180px;}
	#nav li ul li a {border-left: none; color: #FFF; height:auto; padding: 3px 10px; width: 160px; text-align:left;}
	#nav li ul li a:hover {background-color: #93011e; color: #FFF;}

	/*---- SECOND DROPDOWN NAV --- */ 
	#nav li ul li ul {position: absolute; margin-top: -20px; right: -170px;} /* should be = to cell width listed above in #nav li ul li */ 
	#nav li ul li ul li a {background-color: #93011e;}
	#nav li ul li ul li a:hover {background-color: #710017;}
	#nav li ul li #secDrop {display: block;}
	
	.largeSubnav {
		width:290px; 
		padding:12px; 
		background-color:#fff;
		border:1px solid #cdcdcd;
		border-top:0;
		font-size:11px;
		font-weight:bold;
		display:none;
		position: absolute; 
		left: -999em;
	}
	
	.largeSubnav div.left
	{
		float:left; 
		width:140px;
	}
	
	.largeSubnav div.left a
	{
		margin-left:10px;
	}
	
	.largeSubnav div.right
	{
		float:left; 
		padding-left:15px; 
		width:130px;
	}
	
	#nav li:hover ul .largeSubnav, #nav li.sfhover ul .largeSubnav {left: -999em;display: none;}
	
	#nav li:hover .largeSubnav, #nav li li:hover .largeSubnav, #nav li.sfhover .largeSubnav, #nav li li.sfhover .largeSubnav {left: auto; display: block;}
	
	.largeSubnav p
	{
		color:#000;
		margin:0px 0px 8px 0px;
	}
	
	#nav li .largeSubnav a {
		border-left: none;
		color: #ea2035;;
		font-size: 11px;
		line-height:13px; 
		font-weight: bold; 
		text-align:left;
		text-decoration: none;
		width: 130px;
		margin:0px 0px 5px 10px;
		padding:0px;
		position:inherit;
		height:100%;
	}
	
	#nav li .largeSubnav a:hover
	{
		color:#ff0040;
	}

	
  .searchResults {}
  .search_box { width:150px; }
  .search_button { 
    background:#EA2035 !important; 
    color:#FFF !important; 
  }
  
	
	.bodyContainer {}
	.body {border-right: 1px solid #0E283D; float: left; padding-right: 18px; width: 800px;}
	#mainContainer {border: 1px solid black; float: right;}
	
	
	.callout {border: 1px solid #D2DBE2; float: right; margin: 0px 0px 20px 15px; width: 183px;}
	.callout.invert {border: 1px solid #A7B6C2; float: right; margin: 0px 0px 20px 15px; width: 183px;}
	.callout.sm {width:182px;}
	.callout.full {width:100%;}
	.callout.sm .title a {font-size: 13px;}
	.callout .noTopPad {margin-top: -10px;}
	.callout .head {background-color: #D2DBE2; color: #2C485A; font-size: 15px; font-weight: bold; padding: 6px 10px;  text-transform: lowercase;}
	.callout.invert .head {background-color: #335572; color: #FFF; padding: 8px 10px; text-transform: none;}
  /*div.head, div.headCount { height:45px; }*/
	.callout .headCount {background-color: #D2DBE2; color: #2C485A; font-size: 15px; font-weight: bold; padding: 6px 8px;  text-transform: lowercase;}
	.callout .headCount span {background-color: #D2DBE2; color: #2C485A; font-size: 15px; font-weight: bold; padding: 0px 0px !important; text-transform:capitalize;}
	.callout .title {font-size: 13px; font-weight: bold; padding: 10px;}
	.callout.invert .title {color: #1B4966;font-size: 16px !important; font-weight: bold; margin-bottom: 5px;padding: 10px 10px 0px 10px !important;}
	.callout.invert .title a {font-size: 16px !important;}
	.callout p {font-size: 11px; padding: 0px 10px 0px 10px !important; margin-bottom: 10px;}
	.callout p.indent {padding-left: 58px !important;}
	.callout.invert p {font-size: 11px; padding: 0px 8px 0px 10px; margin-bottom: 10px;}
	.callout a {color: #ED3C4E; font-size: 11px; font-weight: bold; text-decoration: none;}
	.callout .imgR {float: right; padding: 10px; margin-top: 0px;}
	.callout .imgL {float: left; padding: 10px; margin-top: 0px;}
	.callout .iconL {float: left; padding: 0px 8px 30px 8px;}
	.callout ul li{list-style-type: circle !important; list-style-image: none !important;}
	.callout .noPad {padding-bottom:5px !important;}
	.calloutDreamJob {border: none; float: right; margin: 0px 0px 20px 0px; width: 183px;}
	
	/* ===== BREADCRUMBS ===== */
	.crumbs {height: 40px;}
	.crumbs .links {margin: 0px; padding: 10px 0px 0px 15px;}
	.crumbs .links li {font-size: 11px; float: left; list-style-type: none; padding-right: 5px;}
	.crumbs a {font-size: 11px;}
	.breadcrumbCurrent{text-transform:lowercase;}
	
  .liveChatIcon { float:left; margin-right:5px; }

	/* ===== SUBNAV ===== */
	.subnav { margin-bottom: 30px; border-top: 1px solid #D6D6D6; }
	.subnav a {
		background-color: #FFF;
		border-bottom: 1px solid #D6D6D6;
		color: #000;
		display: block;
		font-size: 11px;
		/*font-weight: bold;*/
		padding: 5px 0px;
		text-decoration: none;
		text-align: right;
	}
  
  .subnav a.mainPage { 
    border-top: 2px solid #D6D6D6;
    border-bottom: 2px solid #D6D6D6; 
  }
  
	.subnav a:hover {
		background-color: #EDEDED;
		color: #EA2035;
	}
  
  .subnav a.on {
    background-color: #EDEDED;
		/*color: #EA2035;*/ font-weight:bold;
    /*border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;*/
  }
  
  /* Sub-Subnav classes */
  .ssn, .ssn a, .ssnOn, .ssnOn a { border:0; padding: 3px 0px; }
  .ssn, .ssnOn { border-bottom: 1px solid #D6D6D6; padding: 0px 0px !important; }
  .ssnOn, .ssnOn a { background-color: #EDEDED; }
  .specialSubnavClass { margin-top:-20px; }
  #ctl00_leftColumn_ctl00_uxGlobalDevLink { padding-bottom:2px; }
  #ctl00_leftColumn_ctl00_uxSubnavPages a { color:#666; padding:2px 0px; }
  #ctl00_leftColumn_ctl00_uxSubnavPages a:hover { color:#EA2035;}  
  #ctl00_leftColumn_ctl00_uxSubnavPages a.on { color:#000; }
  
  

	/* ===== LEFT COLUMN ===== */
	.colL {float: left; margin: 0px 20px 0px 0px; padding: 30px 0px 0px 15px; width: 185px;}
	.colL .callout {margin-left: 0px;}
	.colL p {font-size: 11px;}
	.colL .personnel {text-align: right;}
	.colL .personnel img {margin-bottom: 15px;}
	.colL .personnel p {font-style: italic;}
	.colL .downloadLinks {margin: 10px;}
	.colL .downloadLinks a {font-weight: normal;}
	.colL .serviceOffering { position: relative; height: 500px;}
	.colL .serviceImg{ position: absolute; right: 0px; width: 155px !important;}
	.colL .serviceOffering img{ padding: 0px !important; text-align:right !important;}
	
	/* ===== RIGHT COLUMN ===== */
	.colR {font-size: 12px; float: left; padding-left: 10px; width: 150px; }
	.colR h3, 
	.colR h3.first, 
	.colR ul h3, 
	.colR ul h3.first {
		border: none; 
		color: #5A7180; 
		font-size: 13px; 
		margin: 0px 0px 6px 0px; 
		padding: 0px;}
	.colR h3 {margin: 25px 0px 6px 0px;}
	.colR ul h3 {margin: 25px 0px 11px 0px; padding: 0px;}
	.colR h3.first {margin: 0px 0px 14px 0px;}
	.colR ul h3.first {margin: 0px 0px 10px 0px;}
	.colR p {padding-bottom: 3px;}
	.colR a {color: #EA2035; text-decoration: underline;}
	.colR ul {font-size: 11px; margin: 0px; padding: 0px; padding-bottom: 0px;}
	.colR ul li {line-height: 13px; margin: 0px 0px 8px 0px; padding: 0px; list-style:none;}
	.colR .extraLink {margin-top:-16px;}
	

/* BASIC
======================================================================*/
.imageContainer {margin-bottom: 20px;}/*body header image and flash containre on homepage*/
.links {margin-top: -10px; margin-bottom: 14px;}

	/* ===== RSS FEED / TICKER ===== */
	table.rss {
		background: #DDE2E8;
		border-right: 1px solid #8FA8BE;
		border-bottom: 1px solid #8FA8BE;
		height: 15px;
		margin-top:-20px;
		width: 800px;
	}
	.rss span.title {
		color: #335572;
		font-weight: bold;
		padding: 0px 5px 0px 15px;
	}

	.rss .feed {
		background: #FFF;
		font-size: 11px !important;
	}
	
	.rss marquee {
		border-left: 1px solid #8FA8BE;
		height: 15px;
		overflow:hidden !important;
		white-space: nowrap;
		width: 730px;
	}
	marquee span,
	marquee a {margin-right: 75px !important; text-decoration: none;}
	marquee .last {margin-right: 75px !important; text-decoration: none;}

	
.imgR_C,
img.imgR {float: right; margin: -20px 30px 15px 35px;}
.imgR_C {background-color: #000; margin-top: 0px; text-align:center;}
.bodyCallout {border: 1px solid #D2DBE2; margin-top: 0px; padding: 10px;}
.bodyCallout p {margin: 0px; padding: 0px;}
.caption {font-size: 11px; padding: 10px 10px 0px 5px;}

.body ul {margin-bottom: 20px; padding-left: 10px;}
.body ol {margin: 0px 0px 20px 0px; padding:  0px 0px 0px 25px;}
.body ol li {margin-bottom: 20px; list-style-type: decimal;list-style-image: none !important; margin: 0px;padding: 0px 0px 0px 0px;}
.body li {font-size: 12px; list-style-image:url(../images/template/ph_list_items_arrow.gif); list-style-position: outside; margin-left: 10px; margin-bottom: 5px; line-height:15px;}
.body li a {font-size: 12px;}
.body .indent li {list-style-image: none; list-style-type: none; line-height: 17px;}
.body ul ul li {font-size: 12px; margin-left: 20px;}

.body li {font-size: 12px; list-style-position: outside; margin-left: 10px; margin-bottom: 5px; line-height:15px;}
.body li a {font-size: 12px;}
.body .indent li {list-style-image: none; list-style-type: none; line-height: 17px;}
.body ol ul li {font-size: 12px; margin-left: 20px;}

.body .imgR {float: right; margin: 20px 0px 20px 20px;}
.body .imgR p {margin: 10px; padding-bottom: 10px;}

.body .b3 {font-size: 15px; font-weight: bold;}
.body .b3 a {font-size: 15px; padding: 0px 5px;}

table td.colL,
table td.colR {float: none; font-size: 12px; padding: 0px; width: auto;}
table td.colL {text-align: right;}
table td.colR {text-align: left;}
.newsTable td.colL {padding: 0px 8px 0px 0px;}
.newsTable td.colR {padding: 0px 0px 0px 0px;}

#ctl00_uxNewsletterHolder .btn{
	background:#ea2035;
	color:#ffffff;
	font-size:10px;
	border:1px solid #cdcdcd;
	margin-top:10px;
}
/* FORMS
======================================================================*/
.contactForm table {width: 100%;}
.contactForm table td {height: 20px;}
.contactForm label {
	float: left;
	padding: 0px 5px 0px 0px;
	text-align: right;
	width: 120px;
}
.contactForm input{
	margin: 0px 0px 2px 5px;
}

.contactForm select{
	margin: 0px 0px 2px 5px;
}

.contactModule2 label {float: none;width:auto;}

.contactForm .sm {width: 30px;}
.contactForm .mdm {width: 80px;}

.forwardFriend td {
	padding-bottom: 2px;
}

.contactUs{	
	border:1px solid #999999;
	margin-top: 10px;
	padding-left:8px;
	padding-top: 10px;
}

	/* TAB CONTENT (can be found on the dairy page)
	=============================================
	.ajax__tab_header: this CSS class has been associated with tab header container of AJAX TabContainer that wraps all the tabs at the top.
	.ajax__tab_outer: this CSS class controls the style of left edge of a tab.
	.ajax__tab_inner: this CSS class controls the style of right edge of a tab.
	.ajax__tab_tab: it applies the style to the center portion of a tab containing the text.
	.ajax__tab_hover: this CSS class applies its styles while mouse over state of a tab.
	.ajax__tab_active: this CSS class applies its styles on the currently selected tab.
	.ajax__tab_body: it applies the CSS styles on the TabPanel content container associated with each tab.
	*/
	.tabSection {
	}
	
	.ajax__tab_header{
		border-left: 1px solid #A7B6C2;
		border-bottom: 8px solid #335572;
	}
	
	.tabSection .ajax__tab_outer {
		background: #D3DBE2;
		border-top: 1px solid #A7B6C2;
		border-right: 1px solid #A7B6C2;
		display: block;
		margin: 0px;
	}
	
	.tabSection .ajax__tab_tab {
		color: #EF2031;
		font-size:13px;
		font-weight: bold;
		padding: 6px 32px 6px 31px;
	}
	
	.tabSection .ajax__tab_hover span:hover {
		background: #7E8CAF;
		color: #FFF;
	}
	
	.tabSection .ajax__tab_active span  {
		background: #335572;
		color: #FFF;
	}
	
	.tabSection .ajax__tab_active span:hover {
		background: #335572;
		color: #FFF;
	}
	
	.tabSection .ajax__tab_body {
		border: 1px solid #A7B6C2;
		padding: 18px 15px;
	}
	
	
	

/* FOOTER
======================================================================*/
.footer {
	/*background: url(../images/template/footer_back.gif) repeat-x; 
	height: 24px; */
  background: url(../images/template/footer_back_lrg.gif) repeat-x; 
  height: 48px;
	margin-top: 20px; 
	min-width: 1024px;
	text-align:center;}
.footer span { float:left; font-size: 10px; padding-top: 16px; padding-left:10px; }
.footer p {color: #ACB7BF; font-size: 10px; padding-top: 6px; width:360px; margin:0 auto;}

.goldLink { color:#BE9834 !important; }

/*Pico Search style*/
#search {
	float:right;
	padding-top:10px;
	padding: 10px;
	font-size:10px;
	color:#CDCDCD;
	clear:right;
	/*edit to abs position*/
	position:absolute;
	right:0;
	top:25px;
}
#search .btn{
background:#ea2035;
color:#ffffff;}

#search input {
	font-size:9px;
	border:1px solid #cdcdcd;
	vertical-align:middle;
	background: #d2dbe2;
	color:#2C485A;
}

/* PAGE SPECIFIC (please specify the page that the style relates to)
======================================================================*/
/*case study pages*/
.headline{
	font-weight:bold;
	}
	
.showHide {
	text-decoration:underline;
	cursor:pointer;
}

.showHidePapers {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px !important;
	text-decoration:underline;
	cursor:pointer;
}
	
.hidden{
	display: none; 
}

.hidden ul, li{
	list-style-type:none;
}

.unhidden{ 
	display: block;
}

.unhiddenPapers {
	display: block !important;
	margin: 0px 0px 0px 10px !important;
	padding: 0px 0px 0px 10px !important;
}

/* TECHNOLOGY PARTNERS PAGE SHOW/HIDE 
========================================================================*/

.grayborder{
	border-left:8px solid #999999;
	margin: 0px 0px 0px 0px !important;
	padding: 0px  0px 0px 5px;
	position:relative;
}

.grayborder li{
	list-style-image:none !important;
	margin: 0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
}

	/*border-bottom:1px solid #999999;*/

.grayborder h2{
	color: #000;
	display:block;
	padding:5px 0px 0px 0px;
	margin-bottom: 3px;
	position:relative;
}

.grayborder p{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
}

.partnerHide{
	float:right;
	position:absolute;
	text-decoration:underline;
	top: 3px;
	right:0px;
}

.red{
	border-color: #9D232E;
}

.green{
	border-color: #508750;
}

.blue {
	border-color: #215F86;
}

.clearLine{
	padding:0px 0px 0px 0px;
	margin: -21px 0px 2px 0px;
	border-bottom:1px solid #999999;
}

p + ul {
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



/*Knowledge-center/brochures
========================================================================*/
.brochuresContainer{	
	border-bottom:1px dotted #999999;
	display: block;
	margin:0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	width:580px;
}

.brochuresContainer h2{
	margin-bottom:0;
	padding:0px 0px 5px 0px;
}


.brochures{
	background-repeat:no-repeat;
	font-size:11px;
	float:left;
	margin:0px 20px 10px 0px;
	padding: 0px 0px 10px 0px;
	text-align:center;
	width:100px;
}

.brochures img{
	padding-bottom:5px;
}

.brochures a{
	font-size:10px;
}


/* Project Links Controls
========================================================================*/

.caseStudyLinks li{
	border-bottom:none;
	list-style-image:none !important;
	margin: 0px 0px 5px -10px;
	padding:0px 0px 5px 0px;
}


.projectLinks li{
	border-bottom:1px dotted #999999;
	list-style-image:none !important;
	margin: 0px 0px 5px -10px;
	padding:0px 0px 5px 0px;
}
.projectLinks li ul {
  margin:10px 0px;
}
.projectLinks li ul li {
  border:none;
}

.projects{
	padding: 0px 0px 10px 0px;
	border-bottom:1px dotted #999999;
}


/*  PORTFOLIO/ TECHNOLOGY PARTNERS PAGE
========================================================================*/
.techPartners{
	width:580px;
}

/*   PORTFOLIO / CUSTOMERS PAGE 
========================================================================*/
.customers li{
	list-style-image:none;
}

/*  WHITE PAPERS
========================================================================*/

p.footnotes { 
  color:#5a7180; 
  font-size:smaller; 
} 

div.offsetList { 
  float:right; 
  width:150px; 
  padding:10px; 
  /*border:solid 1px #000; */
  background:#E5E5E5;
  margin-left:10px; 
}
div.offsetList h1 { font-size:13px; }

.picSize {
    width:385px;
    display:inline;
    float:right;
    position:relative;
}
.picSize3 {
    width:255px;
    display:inline;
    float:right;
    position:relative;
}
.picSize2 {
    width:130px;
}


/* 	INDUSTRIES PAGE 
======================================================================*/
table.industryLinks{
	width:600px;
}
.industryLinks ul {
  padding-left:0px;
}
.industryLinks li{
	list-style-image:none;
  margin-left:0px;
}

ul.pulp li{
	list-style-type:decimal !important;
}

/*  SERVICES PAGES
======================================================================*/
.services_ES {
  border-left: solid 8px #508652; /* Green */
  padding-left:10px;
}
.services_BI {
  border-left: solid 8px #9D2332; /* Red */
  padding-left:10px;
}
.services_IA {
  border-left: solid 8px #215F88; /* Blue */
  padding-left:10px;
}

img.servicesImage_ES { margin-top:80px;float:right; }
img.servicesImage_BI { margin-top:20px;float:right; }
img.servicesImage_IA { margin-top:50px;float:right; }

h1 span.normal { font-weight: normal; font-size:16px; }

ul.sitemap {margin: 0px 0px 15px 0px; padding: 0px;}
ul.sitemap a { text-decoration:none; }
ul.sitemap a:hover { text-decoration:underline; }
ul.sitemap li {background: none; font-weight: bold; list-style-image: none; list-style-type: none; margin: 0px 0px 20px 0px; padding: 0px;}
ul.sitemap li ul {margin: 0px 0px 25px 20px; padding: 0px; }
ul.sitemap li li {font-weight: normal; margin: 0px; padding: 2px 0px;}
ul.sitemap li ul ul {margin: 0px 0px 0px 20px; padding: 0px;}

.divider{ border-bottom: 1px dotted #999;}