/********hp-id7.css********/

.boxstyle_.box3 a:link {color: #19739B; text-decoration: none;}
.boxstyle_.box3 a:visited {color: #436093; text-decoration: none;}
.boxstyle_.box3 a:hover {color: #478acc; text-decoration: underline;}
	
.boxstyle_.box3 h3 a:link {color: #19739B; text-decoration: underline;}
.boxstyle_.box3 h3 a:visited {color: #436093; text-decoration: underline;}
.boxstyle_.box3 h3 a:hover {color: #478acc; text-decoration: underline;}

/***tabbed section at the bottom***/ 
#webtools-tabs {
	margin-top: 32px;
	}

#webtools-tabs h5 a {
	color: #89133b;
	}

#webtools-tabs h5 a:visited {
	color: #89133b;
	}

.is-smallscreen #webtools-tabs { 
	margin-top: 12px;
	}

.is-smallscreen #webtools-tabs .webtools-container {display: none;}
@media print {#webtools-tabs .webtools-container {display: none;}}

.is-smallscreen #webtools-tabs ul.tabs li {float: left; clear: right; margin-left: 40px; margin-bottom: 12px; padding: 0; border: none;}
@media print {#webtools-tabs ul.tabs li {float: left; clear: left; border: 0px solid transparent;}}

#webtools-tabs ul.tabs {margin: 0px; padding: 0px;}
#webtools-tabs ul.tabs li { display: inline-block; padding: 2px 22px; margin: 0px; margin-right: 6px; background-color: #dddddd; cursor: pointer; }
#webtools-tabs ul.tabs li a:link, #webtools-tabs ul.tabs li a:visited, #webtools-tabs ul.tabs li a:hover {text-decoration: none; color: #113947;}
#webtools-tabs ul.tabs li.active { background-color: white; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; z-index: 1; position: relative; cursor: text;}
#webtools-tabs ul.tabs li.active a:hover {cursor: text;}
#webtools-tabs div.pane { background-color: white; border: 1px solid #dddddd; padding: 14px 8px 4px 14px; position: relative; top: -1px; min-height: 300px; }

#webtools-tabs #metrics-wrap{
	width: 100%;
	margin: 0 auto;
	}

#webtools-tabs #metrics-wrap #metrics-col{
	float: left;
	width: 50%;
	}

#webtools-tabs #metrics-wrap #sla-col{
	float: right;
	width: 50%;
	}


/***webdesign pane***/


/***case studies pane***/


/***News pane***/
#webtools-tabs div.pane#news-pane {overflow: hidden;}
.newsSchedule .newsItem img {vertical-align: top;}

/***Current activities***/
#webtools-tabs div.pane#activities-pane {min-height: 472px; overflow: hidden;}
#webtools-tabs div.pane#activities-pane .past-activities {position: absolute; width: 614px;}
#webtools-tabs div.pane#activities-pane .future-activities {position: absolute; left: 630px; margin-right: 1em;}

/***Metrics pane***/
#webtools-tabs div.pane#metrics-pane {min-height: 472px; overflow: hidden;}