/*-- Colors

    - Black: #363636
    - Red: #ee3b33
    - Cyan: #2bd5db
	- Cyan table headers: #c2e5ec
	- Light Blue-Gray: #a2b8bd
    - Dark Blue: #006579
    - Light Gray (text): #dedede
    - Gray (dividers, light): #d2d2d2
    - Gray (dividers, dark): #515151
    - Dark Gray (text): #7c7c7c
    - Darkest Gray (background): #1a1a1a
	- Light cyan (border): #a5dee8

/*-------------------------*\
        BASE LAYOUT
\*-------------------------*/

body.sub {
	/* 1x1px Image instead of rgb or hex to maintain consistency across browsers and OSes */
    background: url(../images/bgDark.png);
}

header {
	height: 103px;
}

/*-------------------------*\
        CONTENT
\*-------------------------*/

/*---------------------------------- Content Background */

.background {	/* In a separate div so that it scales with the page and allows extra to be cropped off sides */
	background-repeat: no-repeat;
	background-position: 50% 0;
	clear: both;
	height: 824px;
	position: relative;
	width: 100%;
}

.productSubpage .background, .channelSubpage .background {	/* Specific background image (changes from page to page) */
	background-image: url(../images/bgProdSub.jpg);
}

.genericSubpage .background {
    background-image: url(../images/bgNewsArrows.jpg);
}
.filterSubpage .background
 {	/* Specific background image (changes from page to page) */
	background-image: url(../images/bgCommGroups.jpg);
}

/*---------------------------------- Content Container */

.page-content {
	margin: -774px auto 0;
    max-width: 1060px;
    min-height: 774px;
}

/*---------------------------------- Breadcrumbs */

.breadcrumbs {
	padding-left: 30px;
}

.breadcrumbs ol {
    visibility: hidden;
    display: none;
}
.breadcrumbs ol, .breadcrumbs ul {
	color: #fff;
	overflow: hidden;
}

.breadcrumbs li {
	float: left;
}

.prevCrumb, .breadcrumbs li a {
	display: block;
	margin-right: 6px;/*10px*/
}
.breadcrumbs ul li a:after
{
    content: "\0000a0\0000a0>";
}

.breadcrumbs ul li:last-child a:after { content: ""; }

.mobileBack,
.mobileSubnavLink {
	display: none;
}

.breadcrumbs a {
	color: #a2b8bd;
}

.breadcrumbs a:hover {
	color: #fff;
}

/*---------------------------------- Heading */

.sub article h1 {
	color: #fff;
	padding: 4px 0 20px 30px;
}

/*---------------------------------- Article Contents */

.articleCols {
	overflow: hidden;
	position: relative;
}

/*---------------------------------- Channel Navigation */

.channelNav {
	display: block;
	float: left;
	margin-right: .5%;
	width: 20%;
}

.channelNav {
	margin-top: 30px;
}

.channelNav > ul > li {
	border-top: 1px solid #526d85;
}

	.channelNav > ul > li:first-child {
		border-top: none;
	}

.channelNav > ul > li > a {
	display: block;
	color: #a2b8bd;
	padding: 13px 0 13px 30px;
}

.channelNav > ul > li.current, 
.filterSubpage .channelNav > ul > li
/*.channelSubpage .channelNav > ul > li,*/
/*.genericSubpage .channelNav > ul > li*/
 {
	border-top: 1px solid transparent;
}

.channelNav > ul > li.current > a,
/*.filterSubpage .channelNav > ul > li > a,*/
.channelNav > ul > li > a.red
/*.channelSubpage .channelNav > ul > li > a,*/
/*.genericSubpage .channelNav > ul > li > a */
 {
	background: #ee3b33;
	color: #fff;
}


.channelNav li a:hover {
	color: #fff;
}

/* Subnav */

.channelNav li ul {
	background: #6c92a0;
	margin: 3px 0;
	padding: 6px 0;
	/*border-top: 3px solid #0C596D;*/
	/*new*/ 
	visibility: none;
	display:none;
}

.channelNav li ul li a {	/* Padding is on the anchor to increase size of touch targets */
	display: block;
	padding: 6px 6px 6px 30px;
}

.channelNav li ul li a {
	color: #002a32;
}

.channelNav > ul > li.active-menu-item > a.active-menu-item-link {
    /*border-top: 1px solid transparent;*/
    background: #ee3b33;
	color: #fff;
	/*margin-bottom: -1px;*/
}
.channelNav li.active-menu-item ul, 
.channelNav > ul > li > a.red > ul
 {
    visibility: visible;
    display: block;
}
.channelNav li.active-menu-item ul li a.active-menu-item-link {
    color: #fff;
}
/*---------------------------------- Article Contents */

.channelContent {
	float: left;
	overflow: hidden;
	position: relative;
	width: 50%;
}

	.productSubpage .channelContent, .channelSubpage .channelContent, .groupPage .channelContent {
		margin-right: 1.5%;
		width: 50%;
	}

		.ie7 .productSubpage .channelContent, .ie7 .channelSubpage .channelContent { margin-right: 1%; }

	.filterSubpage .channelContent, .genericSubpage .channelContent {
		width: 79.5%;
	}

		.ie7 .filterSubpage .channelContent, .ie7 .genericSubpage .channelContent { width: 79%; }
		
	.groupPage .channelContent {
	    width: 57%;
	}
	.groupPage #subSidebar {
	    width: 40%;
	}

.noCols .channelContent {
    width:inherit;
    float:none;
}
.articleImgMobile { 
	display: none;
}

.articleImg {
	border-radius: 20px 0 0 0;
	display: block;
	margin-bottom: 3px;
	width: 100%;
}

.showcaseImg {
    border:1px solid #006579;/*#fff*/
}
.articleContent .align-right img, .articleContent .align-left img, .articleContent .align-center img, .three img {border:1px dashed #006579;}

.articleContent .bio {margin:20px 0;}
div.bio img.bio_photo {float:right;margin:0 0 15px 20px;}

.articleContent .service-subscribers-list ul li {background:none;padding:0;font-size:inherit;}
.articleContent .committee-members-list ul li {background:none;padding:0;}
.articleContent .incommon-participants ul li, .articleContent .incommon-service-subscribers ul li {background:none;padding:0;}


.three img.social-icon {border:0;}
.articleContent .align-right img {margin:0 0 15px 25px;}
.articleContent .align-left img {margin:0 25px 15px 0;}
#video-nester {padding:8px 0 15px;}
#video-nester.align-right {
	float: right;
	background-color:#ffffff;
}
.tab-content #video-nester.align-right {width: 276px;}
#video-nester.align-left {
	float: left;
	background-color:#ffffff;
}
/*#video-nester .BrightcoveExperience {margin-bottom:0;}*/
#video-nester.align-right object {margin:0 0 0 25px;}
#video-nester.align-left object {margin:0 25px 0 0;}
#video-nester.align-right script+.caption {
	width: 249px;
	font-style: italic;
	font-size: smaller;
	margin:0 0 0 25px;
}
#video-nester.align-left script+.caption {
	width: 249px;
	font-style: italic;
	font-size: smaller;
	margin:0 25px 0 0;
}
#image-nester.align-right img {margin:0 0 0 25px;}
#image-nester.align-right .caption {/* incl exact width in p.caption style attrib*/
	float: right;
	clear: right;
	font-size: smaller;
	font-style: italic;
	margin: 0 0 0 25px;
}
#info-nester.align-right {}

/*-- Filter page intro --*/

.filterIntro {
	background: url(../images/bgFilterIntro.png);
	border-radius: 20px 0 0 0; 
	padding: 1%;
	overflow: hidden;
	width: 98%;
}

.introCopy {
	color: #fff;
	float: left;
	padding: 1.8% 2.5%;
	width: 34.4%;	/* 38% */
	/*height:246px; if want to fix height*/
}
.three .introCopy { /*showcases in content side column*/
	color:#363636;
	width:100%;
}

.introCopy p {
	padding: 11px 0;
}

.introCopy a {
	color: #2bd5db;/*#c2e5ec #fff*/
}
.alpha a {
	padding:0 3px;}

.videoFootprint {
	float: right;
	width: 60%;
}
.news-body .videoFootprint, .asideVideo .videoFootprint {float:left;width:auto;}
.articleContent .align-right .videoFootprint {
	float:right;
	margin-right:10%;
}
.asideVideo+.asideVideo {margin-top:12px;}
.articleContent .videoFootprint {
	width:auto;
}

.videoFootprint img {
	vertical-align: middle;
	width: 100%;
}
.articleContent .inlineContainer.videoFootprint img {
max-width: none; /*249px;*/
}
.articleContent .news-body .inlineContainer.videoFootprint img {
max-width: 500px;margin:8px 0;
}
.articleContent .align-right .videoFootprint {float:right;}
.articleContent .inlineContainer.videoFootprint {width:auto;padding:0;margin:0 0 15px 25px;}
.articleContent .inlineContainer.videoFootprint img {padding:0;margin:0;}
.articleContent .news-body img {max-width:540px;}

#filterIntro .flex-control-nav {
   position: relative;
   height: auto;
   width: auto;
   background-image: none;
   background-color: transparent;
   padding:0 0 0 20px;
}

#filterIntro .flex-control-nav li {
    display: inline-block;
	padding:5px 4px 0 0;
}
#filterIntro .flex-direction-nav {
    display: none;
    visibility: none;
    height:0;
    width:0;
}
/*-- Article --*/

.articleContent, .columnContent {
	background: #fff;
	min-height: 440px;
	margin-bottom: 20px;
	padding: 5% 4%;
}
#filterIntro + .articleContent {padding:3% 4% 5%;}

.groupPage .articleContent {
    margin-bottom: 0;
    min-height: 220px;
}

.columnContent { 
    padding: 5% 1%;/*0*/
}
.articleContent .columnContent {padding:0;}/*for interactive/contact-us pg*/

.genericSubpage .channelContent {
    border-radius: 20px 0 0 0;
}

/*-- Intro --*/

.intro {
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 24px;
	padding-bottom: 20px;
}

.intro p, .learnMore p {
	padding: 8px 0;
}
.learnMore p {line-height:20px;font-size:1.2em;}

/*-- Topic List (for Channel Landing pages) --*/

.topicList h3 a {
	background: url(../images/arrowContent.png) no-repeat 100% 55%;
	color: #0d6f82;
	padding-right: 11px;
}

.topicList dt {
    display: block;
    padding: 5px 0;
}

.topicList dd {
	display: block;
	padding-bottom: 12px;
}

/*---------------------------------- Tabs / Accordions --*/

/*-- Tab/Accordion List/Javascript bookmarks --*/

.sectionTOC, .articleContent ul.sectionTOC, ul.page-toc {
	overflow: hidden;
	width: 100%;
}

.sectionTOC li, .articleContent ul.sectionTOC li, ul.page-toc li {
	float: left;
}

.sectionTOC li a, .articleContent ul.sectionTOC li a {
	background: url(../images/bgTabs.png);
	color: #fff;
	display: block;
	margin-left: 3px;
	padding: 11px 0;
	text-align: center;
}
#channelContent.tabs .sectionTOC li a {background: url(../images/bgTabs80.png);}
ul.page-toc li a {
	background: #c2e5ec;
	color: #006579;
	display: block;
	margin-right: 3px;
	padding: 6px 11px;
	text-align: center;
}
ul.page-toc li a:hover {
	background: #006579;
	color: #c2e5ec;
	text-decoration:none;
}
.articleContent ul.page-toc li {
	padding:0;
	background:none;
	margin-bottom:3px;
}

.sectionTOC li#fillerLI a, .articleContent ul.sectionTOC li#fillerLI a {margin-left:0;}

/* horizontalNav.js plugin could potentially be used instead of hard-coded % widths, but be aware that the plugin doesn't work in IE7 */

.overviewT {
	width: 23%;
}

.featuresT {
	width: 21%;
}

.pricingT, #groupPage .participateT,  #groupPage .overviewT {
	width: 18%;
}

.faqT, #groupPage .wikiT, #groupPage .forumT  {
	width: 12%;
}

.participateT {
	width: 26%;
}

	.ie7 .participateT { width: 25.8%; }

/* Filter Tabs */

.membersT {
	width: 18%;
}

.groupsT {
	width: 18%;
}

.fillerLI {
	width: 64%;
}
#groupPage .fillerLI {
    width: 40%;
}

	.ie7 .fillerLI { width: 63.9%; }

.sectionTOC li:first-child a {
	margin-left: 0;
}

.sectionTOC .current, #channelContent.tabs .sectionTOC .current {
	background: #fff;
	border-bottom: 3px solid #fff;
	color: #db0b02;
}


/*-- section (columns) --*/ 

.channelContent .contentCol .mou-partners li {border-bottom:none;}
.cms_plugin > .mou-partners {margin-bottom:20px;}

.channelContent .contentCol {
   /* width: 27%;*/
   margin-top: 0%;/*5%*/
}

.channelContent #intro {
    padding: 0 3% 3%;/*3%*/
}
.sub .channelContent #intro h1 {
    color: #363636;
    padding: 0;
}
#one h2, #two h2, #three h2, .sub article .three h2, #three section.asideGroups h3 {
    border-bottom: 1px solid #a5dee8;/*#A2B8BD*/
    margin-bottom: 15px;
    padding: 0;/*20px 0 2px*/
	clear:both;
}
#one *+h2, #two *+h2, #three *+h2, .sub article .three *+h2 {
	margin-top:20px;
}
.channelContent .onetwo {
    width: 70%;
    display:block;
    float:left;
	line-height:18px;
}
.channelContent .three {
    float:left;
    display:block;
    width: 28%;
}
.articleContent .three {
    width: 25%;
}
.articleContent .onetwo {
    border-right: 1px solid #ccc;
    margin-right: 10px;
    padding-right: 3%;
}
.channelContent #one, #two {
    width: 43%;
    
}
.channelContent #two, #three {
    border-left: 1px solid #D2D2D2;
    padding-left: 3%;
}
.channelContent #three {
    width: 90%;/*100%*/
    padding-right:2%; /*0*/
	padding-left:8%; /*3%*/
}

.contentCol .article_news_block .btnMore, #asideNewsContent .article_news_block .btnMore, .three section.asideGroups .btnMore { /* base styles in global.css */
    color: #fff;
    margin: 0 0 20px 0;
    padding: 7px 18px;
    position:static;
    float:right;
	clear:both;
	width:5em;
    /*width: 112px;   /* 114px, - 1px border */
}
p.pdf-download {max-width:14em;width:14em;clear:left;float:left;margin-bottom:20px;}
.pdf-download a {
	padding: 7px 18px; 
	display:block;
	width:125px; 
	background: #006579 url("../images/sprites-pdf-download.png") no-repeat 90% 7px;
	padding-left:12px;
}
.pdf-download a:hover {
	background: #54c7de url("../images/sprites-pdf-download.png") no-repeat 90% -75px;
}

/* the list styles are in global */ 

.clearall {
    clear:both;
    margin-top:1px;
}
/* list cols */
ul.table-list {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}
ul.table-list li {
    display:inline-block;
    width: 28%;
}

ul.table-list li.date {
    width: 15%;
}
ul.recent-contributions li {
	width: 100%;
	background: none;
	padding: 3px 0 0 0;
	clear:both;
}

/* -- social media stuff -- */
a.social {
    margin: 10px 0 10px 20px;
    padding: 7px 0px;/*5px 20px*/
    clear:both;
    display: block;
    width: 138px;/*100px*/
	height:14px;
    color: #fff;
	font-weight:normal
}
a.social:hover {text-decoration:none;}
.social-icon {
    width: 50px;
    height: 50px;
    border: 0px;
    margin: 20px;
    float:left;
    display: inline-block;
}
/* ---  news stuff -- */
.news-body+div {clear:both;}
.news-previous, .news-next {
    width: 30%;
    display: inline-block;
    /*padding: 20px;*/
	margin:20px 0;
    color: #006579;
    font-weight: bold;
}
.news-previous a, .news-next a {
    color: #006579;
    font-weight: normal;
    display: block;
}
.news-previous a:hover, .news-next a:hover {
    text-decoration: underline;
}
.news-next{
    float:right;
    background: url('../images/tallArrowNext.png') no-repeat right;
    text-align: right;
    padding-right: 30px;
}
.news-previous{
     background: url('../images/tallArrowPrev.png') no-repeat left;
     padding-left: 30px;
}

.articleContent .page-subhead, #intro .page-subhead {
    font-weight:bold;
    font-size:1.8em;
    margin:0;
    padding:0;
	line-height:1.1em;
}
.articleContent .news-body .page-subhead, .blog-subhead {font-size:1.25em;font-style:italic;font-weight:bold;line-height:1.1em;}
.articleContent .news-tags {margin-bottom:1em;}

.articleContent div.top {text-align:right;border-bottom: 1px dashed #D2D2D2;padding-bottom:1em;}
.articleContent div.bottom {text-align:right;margin-top:1em;}

.articleTeaser .intro-col1, .articleTeaser .blog, .articleTeaser .showcase, .articleTeaser .media-item  {float:left;}
.articleTeaser .intro-col1 img {max-width: 100px; max-height: 100px;}
.articleTeaser .intro-col1 {width:100px;height:100px;margin:0 20px 5px 0;}
.articleTeaser .showcase, .articleTeaser .blog, .articleTeaser .media-item  { background:none;width:80%;}
.articleTeaser .blog { background:none;width:77%;}
.articleTeaser h2.title, .articleTeaser .tags, .articleTeaser .rate  {display:block; clear:both; }
.articleTeaser .tags, .articleTeaser .rate  {color:#7c7c7c;font-size:90%;line-height:1.3em;/*padding-left:30px;*/}
.articleTeaser .title a {color: #006579; }
.articleTeaser span.date {/*margin-left:25px;*/padding:0;color: #A2B8BD;}
.articleTeaser .pr span.date, .articleTeaser .media-clip span.date, .articleTeaser .media-clip span.source, .articleTeaser .news span.date {margin-left:0;}
.articleTeaser .pr+.tags, .articleTeaser .media-clip+.tags, .articleTeaser .news+.tags, .articleTeaser .linkedin-post+.tags, .articleTeaser .tweet+.tags, .articleTeaser .facebook+.tags, .articleTeaser .pinterest+.tags {padding:3px 0 0 25px;}
.blog-tags, .news-tags {
	color: #A2B8BD;
	padding: 8px 0 8px;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 20px;
}
.articleTeaser .blog span.date, .articleTeaser .showcase span.date {margin-left:0;color: #A2B8BD;}
.articleTeaser span.source:before {content:"(";}
.articleTeaser span.source:after {content:")";}
/*.articleTeaser span.source {margin-left:25px;}*/
.articleTeaser span.abstract p {margin:0;display:inline;padding:0 5px 0 5px;}
.articleTeaser span.abstract p:first-child {padding:0 5px 0 10px;}
.articleTeaser .blog span.abstract p:first-child, .articleTeaser .showcase span.abstract p:first-child {padding-left:0;}
span.section-title h2 {background: #185662; color: #FFF; display: block; margin-top: 3px; padding: 13px 0 13px 10px; width: 100%; font-size: 18px; text-transform: uppercase;}
span.section-title h2.expanded {background:#E53C36;}
.first-blog {background-color:#f5f5f5;}


.articleTeaser {clear:both; border-bottom: 1px dashed #D2D2D2; }
.articleTeaser .icon {padding:0;}
.articleTeaser .pr.icon, .articleTeaser .media-clip.icon, .articleTeaser .news.icon, .articleTeaser .linkedin-post.icon, .articleTeaser .tweet.icon, .articleTeaser .facebook.icon, .articleTeaser .pinterest.icon {padding-left:25px;}

/*-- Sections (tabs / accordion sections) --*/

.mobileAcc,
.section {
	display: none;
}

.section {
	overflow: hidden;
}

.section.current,
.overviewS dl {
    display: block;
}

.section dt {
	clear: both;
	float: left;
	padding: 1px 4px 1px 0;
}

.section dd {
	overflow: hidden;
	padding: 1px 0;
}

.section p, .section div p, .articleContent p, .channelContent p {
    padding:8px 0;
}
.section li p {padding:0;}
p.news-date {display:inline;font-style:italic;}
p.news-date:before {content:"\0000a0(";}
p.news-date:after {content: ")";}
p.note {font-style:italic;}
p.note-small {font-style:italic;font-size:smaller;}
p.footnote1 {
	font-style: italic;
	border-top: 1px solid #d2d2d2;
	margin-top: 15px;
	clear:left;
}
p.footnote2 {font-style:italic;}

.group-overview dt.group-overview-description-label, .serviceOverview dt.service-overview-description-label, .service-overviewS .service-overview-service_phase-image-label {
	display:none;
}

section.service-overview {position:relative;left:0px;top:0px;min-height:93px;}
.articleContent section.service-overview dd {width:57%;}
.service-overviewS dd {padding-bottom:1px;}
.service-overviewS dd.service-overview-service_phase-image {position:absolute;right:0px;top:0px;height:100px;width:100px;max-width:100px;margin: 0;}
.service-overviewS dd.service-overview-service_phase-image a {display:block;width:100%;height:100%;}

.service-overviewS dd.sunset {background:url('/media/medialibrary/2015/03/20/sunset-lg.png') no-repeat right top;}
.service-overviewS dd.general-availability {background:url('/media/medialibrary/2015/03/20/general-availability-lg.png') no-repeat right top;}
.service-overviewS dd.early-adopter {background:url('/media/medialibrary/2015/03/20/early-adopters-lg.png') no-repeat right top;}
.service-overviewS dd.service-validation {background:url('/media/medialibrary/2015/03/20/service-validation-lg.png') no-repeat right top;}
.service-overviewS dd.evaluation {background:url('/media/medialibrary/2015/03/20/evaluation-lg.png') no-repeat right top;}
.service-overviewS dd.inquiry {background:url('/media/medialibrary/2015/03/20/inquiry-lg.png') no-repeat right top;}
.service-overviewS dd.research-incubator {background:url('/media/medialibrary/2015/03/20/research-incubator-lg.png') no-repeat right top;}
.articleContent section.service-overview dd.service-overview-description {padding:1px 0px;}
.articleContent section.service-overview dd.service-overview-service_subscribers {width:50%;}

.service-overview-contact_email a {word-wrap: break-word;}

.group-overview dd.group-overview-description, .service-overview dd.service-overview-description {
	font-size:14px;
	padding:8px 0;
}
.group-overview dd.group-overview-description {border-top:1px solid #d2d2d2;margin-top:4px;padding-top:16px;}
.group-overview dl dt, .serviceOverview dt {
	clear:left;
	display:inline-block;
}
/*.group-overview dd {display:inline;float:left;}
#group-overview dd.group-overview-products {display:inline-block;float:left;}*/

.service-overviewS section.service-overview {
	padding-bottom:4px;
	border-bottom:1px solid #d2d2d2;
	margin-bottom:8px;}

/*section#group-overview section.group-overview dl {float:left;}

/*
.section a, .articleContent a {
	color: #006579;
}*/

/*-- FAQ --*/
.faq+.faq, .faq .faq {padding-top:20px;}
.faq h3 img {margin:0;position:relative;top:2px;}
h3.category+.faq {padding-top:0;}
.sub article .faq h3.category {font-size:16px;padding-top:12px;}/*FAQ category headings*/
/*.sub article .faq h3 {font-size:14px;text-indent:-25px;margin-left:25px;padding-top:6px;}*//*FAQ questions*/
.sub article h3[id^="faq"] {font-size:14px;text-indent:-25px;margin-left:25px;padding-top:6px;cursor:pointer;}
/*.sub article .faq h3:hover {color:darkred;}*/
.faq ul {margin:0;padding:1em 0 1em 15px;}
h3[id^="faq"] .status {margin-right:12px;}
.showall a, .hideall a {
	font-weight:normal;
	padding:6px 11px;/*5px 15px 3px*/
	/*margin:0 3px 0 0;*//*15px 3px 0 0*/
	background-color:#c2e5ec;
	/*border-bottom:solid 2px #ffffff;*/
	display:inline-block;
	border-radius:4px;
	}
.faq-controls-top, .faq-controls-bottom {clear:all;text-transform:uppercase;font-size:11px;}
.faq-controls-top {margin-bottom:10px;}
.faq-controls-bottom {margin-top:20px;}

.showall a:hover, .hideall a:hover {
	/*border-bottom:solid 2px #006579;*/
	text-decoration:none;
	color:#c2e5ec;
	background-color:#006579;
	}
.switchgroup1 {
	margin:0 0 0px 25px;
	padding:5px 0px;
	/*border-left: 1px dashed #006579;*/
	/*background-color: #edece7;*/
}
.switchgroup1 p:first-child {padding:0 0 5px;}
.switchgroup1 p:last-child {padding:5px 0 0;}
/* first stop-gap FAQ styles */
/*#service-faq h3 {
	padding-top:8px;
}
#service-faq h3+div {padding:8px 0;}*/




/*---------------------------------- Filters --*/

.displayResults,
.filterSearch label {
	float: left;
}

.pagination {
	display: block;
	float: right;
	padding: 8px 0;
}
.articleContent ol.pagination {padding-top:0;}
.articleContent ol.pagination li {list-style:none;}
.resultsContainer .pagination li,.articleContent .pagination li {
	float: left;
	padding: 0 4px;
}
.resultsContainer .pagination li a,.articleContent .pagination li a {
	padding-left:0em;
}
.resultsContainer .pagination li:after,.articleContent .pagination li:after {
	content:"\0000a0\0000a0|";
}
.resultsContainer .pagination li:last-child,.articleContent .pagination li:last-child {
	padding:0 0 0 4px;
}
.resultsContainer .pagination li:last-child:after,.articleContent .pagination li:last-child:after {
	content:"";
}

.pagMobile {
	display: none;
}

.filterSearch {
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 3%;
	overflow: hidden;
	padding-bottom: 3%;
}

.filterSearch .lblFilter {
	width: 60px;
}

.filterSearch .lblSearch {
	width: 72px;
}

.dropdownGroup {
	display: block;
	margin-left: 60px;
	position: relative;
}

/*-- Custom styled dropdowns --*/

.selectBox-dropdown {
	display: inline-block;
	height: 18px;
	line-height: 18px;	/* This is here and not in type.css because this line height is used for alignment in box model, not for leading */
	margin-bottom: 10px;
	min-width: 170px;
	position: relative;
	vertical-align: middle;
}

	.ie7 .selectBox-dropdown {
		display: inline;
		zoom: 1;
	}

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
	border-color: #ee3b33;
}

.selectBox-dropdown .selectBox-label {
	background: url(../images/bgDropdown.png) repeat-x;
	border: 1px solid #b7b7b7;
	display: block;
	min-width: 142px;	/* 150px */
	overflow: hidden;
	padding: 0 4px;
	white-space: nowrap;
}

.selectBox-dropdown .selectBox-arrow {
	background: #ee3b33 url(../images/arrowDropdown.png) 50% 50% no-repeat;
	border: 1px solid transparent;
	height: 100%;
	position: absolute;
		top: 0; right: 0;
	width: 20px;
}

	.ie7 .selectBox-dropdown .selectBox-arrow { border: 1px solid #ee3b33; }

.section a.selectBox, .filterSearch a.selectBox {
	color: #313131;
	font-weight:normal;
}

/* Dropdown menu */
.selectBox-dropdown-menu {
	border: solid 1px #b7b7b7; /* Should be the same border width as .selectBox-dropdown */
	background: #fff;
	max-height: 200px;
	min-height: 1em;
	overflow: auto;
	position: absolute;
	z-index: 99999;
}

/* Options */
.selectBox-options,
.selectBox-options li,
.selectBox-options li a {
	display: block;
	cursor: default;
}

.selectBox-options li a {
	padding: 2px 4px;
	white-space: nowrap;
	overflow: hidden;
	background: 6px center no-repeat;
}

.selectBox-options li.selectBox-hover a {
	background-color: #eee;
}

.selectBox-options li.selectBox-selected a {
	background-color: #c2e5ec;
}

/*-- Filter Search --*/

p.searchGroup, p.searchMembers {
	padding-top: 0;
	vertical-align:text-bottom;
}

.lblSearch {
	padding-top: 3px;
}

.filterSearchInput {
	border: 1px solid #b7b7b7;
	padding: 0 2px;
	height: 22px;	
	width: 152px;
}

.btnSubmitSearch, .searchGroup .btnSubmitSearch, .searchMembers .btnSubmitSearch {
    background: #ee3b33;
    border: 0;
    border-radius: 4px;
    clear: both;
    color: #fff;
    height: 22px;
    line-height: 22px;	/* This is here and not in type.css because this line height is used for alignment in box model, not for leading */
    width: 120px;/*82px*/
	display:inline-block;
	text-align:center;
}
.searchGroup #submitSearch, .searchMembers #submitSearch {position:relative;top:1px;margin:0 4px;}

.filterMeta {
	overflow: hidden;
}

.filterResults {
	margin: 1% 0;
	width: 100%;
}

.filterResults th {
	background: #c2e5ec;
	border-right: 3px solid #fff;
	min-width: 13%;
	padding: 1% 2%;
}

th:last-child {
	border-right: 0;
}

.filterResults td {
	border-bottom: 1px dashed #d2d2d2;
	padding: 1.5% 2%;
}
.num-results:before {
    content:"("
}
.num-results:after {
    content:")"
}
.num-results {padding-left:3px; font-style:italic; color:#a2b8bd;}
/* cloud services */
.filterResults td.phase img {
	vertical-align:text-top;
	max-width:30px;
	max-height:30px;
}
.filterResults th.phases, .filterResults th.types {min-width:6%;}
.service-subscribers-list li {font-size:1.2em;}




/*---------------------------------- SEARCH */

.articleContent .gsc-control-cse {
	padding: 0;
}
#searchResults, #searchResults .gsc-resultsHeader, #searchResults .gsc-table-result {
	margin: 0;
}

#searchResults .gsc-tabsArea {
	border-bottom: 3px solid #006579;
}
.articleContent .gsc-tabHeader {
	border-radius: 4px 4px 0 0;
	font-size: 1.3em;
	padding: 0 48px 1px 48px;
}
.articleContent .gsc-tabHeader.gsc-tabhActive {
	border-color: #006579;
	background-color: #006579;
	color: #ffffff;
}
.articleContent .gsc-tabHeader.gsc-tabhInactive {
	border-color: #c2e5ec;
	background-color: #c2e5ec;
}
.articleContent .gs-result .gs-title, .gs-result .gs-title * {
	color: #006579;
}
.articleContent .gs-webResult.gs-result a.gs-title:visited, .articleContent .gs-webResult.gs-result a.gs-title:visited b, .articleContent .gs-imageResult a.gs-title:visited, .articleContent .gs-imageResult a.gs-title:visited b, .articleContent .gs-webResult.gs-result a.gs-title:link, .articleContent .gs-webResult.gs-result a.gs-title:link b, .articleContent .gs-imageResult a.gs-title:link, .articleContent .gs-imageResult a.gs-title:link b {
	color: #006579;
}
.articleContent .gsc-results .gsc-cursor-box .gsc-cursor-page {
	color: #006579;
	font-size: 1.1em;
	margin-right: 10px;
}



/*---------------------------------- Right Sidebar */

.subSidebar {
	background: #86ccd9;
	float: left;
	padding: 2% 0 3%;
	position: relative;
	width: 28%;
}

.subSidebar section, .subSidebar .media-list {
	overflow: hidden;
	padding: 0 8%;
}

.subSidebar section ul, .subSidebar .media-list ul {
	padding: 12px 0;
}
.medialist .date, .medialist .tags {display:none;}
.media-list .articleTeaser .media-item, .medialist .articleTeaser h2.title {display:inline;}
.media-list .medialist.thumbs .intro-col1, .media-list .medialist.thumbs .intro-col1 img {float:left;max-width:75px;}
.media-list .articleTeaser .intro-col1 {float:left;max-width:75px;height:auto;width:auto;}
.media-list .medialist.thumbs .intro-col1 {margin:0 10px 5px 0;}
.media-list .medialist.thumbs .articleTeaser {border:none;}
.media-list .medialist.thumbs .media-item {max-width:60%;}
.media-list .medialist.thumbs .media-item {width:auto;float:left;clear:none;}
.media-list .articleTeaser .media-item h2.title {font-size:1.2em;}
.media-list .articleTeaser .media-item h2.title a {background:none;border:none;}
.media-text-list p {padding:0 0 15px 0;margin:0;clear:both;}
.media-text-list p+p {margin-top:10px;}
.media-text-list img  {max-width:85px;max-height:85px;margin:0 10px 0 0;float:left;}
.articleContent ul.media-list-horiz {width:532px;clear:both;font-size:smaller;}
.articleContent ul.media-list-horiz li {display:inline-block;width:100px;max-width:100px;float:left;margin-right:30px;padding-left:0;background:#FFFFFF;}
.articleContent ul.media-list-horiz li:nth-child(4n+1) {clear:left;}
.articleContent ul.media-list-horiz li img {border:1px dashed #006579;max-width:100px;max-height:100px;margin:0 10px 0px 0;}
.articleContent ul.media-list-horiz li p {clear:left;padding-top:0;}

.subSidebar .mou-partners li {color:#eeeeee;font-weight:normal;font-style:italic;}
.subSidebar .mou-partners li a {display: inline;padding-right:5px;font-weight:bold;font-style:normal;}

.subSidebar li a {	/* Padding and display block on anchor to create a larger target for touch devices */
	color: #006579;
	display: block;	
	padding: 0;/*2px 0*/
}
.subSidebar .learnMore a {
	color: #006579;	
	padding: 0;
	font-weight:bold;
}

.subSidebar a:hover {
	text-decoration:underline;
}

.subSidebar h3 {
	clear: both;
	color: #fff;
	border-bottom: 1px solid #c6e7ed;
	padding: 0 0 2% 0;
}
.subSidebar h4 {
	clear:both;
	color:#fff;
	padding:3% 0 0;
	font-size:1.2em;
}
.articleCols .subSidebar h3 {
	font-size:30px;
	font-weight:normal;
}

.subSidebar a.btnMore, .three .btnMore {	/* Base styles in global.css */
	float: right;
	padding: 7px 18px;
}
.three .btnMore {
    color:#ffffff;
    font-weight:normal;
}
.subSidebar iframe {
	padding:0 8% 2px;
}
.subSidebar object {
	margin:0 0 2px 8%;
}

/*-- Aside Logo (service pages) --*/

.subSidebar .asideLogo {
	background: #fff;
	border-radius: 20px 0 0 0;
	display: block;
	margin: 0 8%;
	padding:8%;
}

.asideLogo a, .bodyLogo .imgAsideLogo  {
	display: block;
	margin: 0 auto;/*10% auto*/
	max-width: 204px;/*114px*/
}
.group-overviewS .bodyLogo .imgAsideLogo {
	float:right;
	margin:0 0 5px 20px;
	max-height:90px;}

.subSidebar .imgAsideLogo {
	display: block;
	width: 100%;
	margin:0;
}

/*-- Aside Intro (service and other pages) --*/

.subSidebar .asideIntro, .subSidebar .service-overview {
	background: #bbe2ea;
	display: block;
	padding: 8%;
	margin: 0 8% 10%;
}

.subscriber-list-link {	background: #bbe2ea;padding: 0 8%;}
.articleContent .subscriber-list-link {margin:10px 0 10px;padding:0 3%;}
.subscriber-list-link:hover {background-color:#ee3b33;}
.learnMore .subscriber-list-link:hover a, .subscriber-list-link:hover a {color:#ffffff;text-decoration:none;}

.asideIntro dt, .subSidebar .service-overview dt {
	float: left;
	padding-right: 4px;
	font-size:100%;/*100%*/
}

.asideIntro dd, .subSidebar .service-overview dd {
	padding-bottom: 6px;
	font-size:100%;/*100%*/
}

.asideIntro a, .service-overview a {
	color: #006579;
}
.asideIntro p {
	padding:8px 0;
}
.subSidebar p.caption {
	font-size:smaller;
	font-style:italic;
	padding:0 0 8px 0;
}

.subSidebar .service-overview .service-overview-description-label {display:none;}
.subSidebar .service-overview .service-overview-service_phase-label {}
.subSidebar .service-overview .service-overview-service_phase {}
.subSidebar .service-overview .service-overview-service_phase-image-label {display:none;}
.subSidebar .service-overview .service-overview-service_phase-image {display:none;}

/*-- Groups --*/

.subSidebar .asideGroups {
	padding-bottom: 4%;
}

.asideGroups li, .media-list .bullets li, .learnMore li {
	background: url(../images/arrowContent.png) 0 .45em no-repeat;
	padding: 0 0 8px 15px;
}
.media-list li {clear:left;}
.media-list li .thumbnail {float:left;margin:0 10px 5px 0;}
.media-list li img {max-width:50px;}

/*-- Aside Case Studies --*/

.subSidebar .asideCaseStudies {
	/*padding-bottom: 4%;*/
}

.asideCaseStudies a span {
	color: #363636;
}

.asideCaseStudies li {
	border-bottom: 1px dashed #c6e7ed;/*border-top*/
	/*padding: 0 0 8px 15px;/*4% 0*/
}

.asideCaseStudies li:last-child { /*first-child*/
	border: none;
	/*padding-top: 2px;*/
}

/*-- Aside Events --*/
.subSidebar .asideEvents {
	/*padding-bottom: 4%;*/
}

.asideEvents .events li.event-item {
	border-bottom: 1px dashed #c6e7ed;/*border-top*/
	padding: 0 0 10px;/*4% 0*/
}

.asideEvents .events li.event-item:last-child { /*first-child*/
	border-bottom: none;
	/*padding-top: 2px;*/
}

/*-- Aside News --*/
.subSidebar .asideNews li a { 
	display:inline;
}


/*-------------------------*\
        MEDIA QUERIES
\*-------------------------*/

/*------------------------------------------------------------------------- Small ("Mobile") View --*/

@media screen and (max-width: 640px) {

	.articleImg,
	.prevCrumb,
    .channelNav,
    .productSubpage .sectionTOC,
	#channelContent.tabs .sectionTOC,
    .groupPage .sectionTOC,
    .subSidebar .asideLogo,
    .filterSubpage article h1,
    .channelSubpage article h1,
    .genericSubpage article h1,
    .videoFootprint {
    	display: none;
    }
	.productSubpage article h1 {padding:0;text-align:center;margin:15px;font-size:36px;}/*in lieu of logo*/
	.subSidebar .videoFootprint {display:block;float:none;}
	.filterIntro .videoFootprint {display:block;width:100%;margin-bottom:20px;}
	.articleContent .videoFootprint {display:block;}

    .page-content,
    .articleContent, .columnContent {
    	min-height: 0;
    }

	/*-- Header --*/

    header {
    	height: auto;	/* Defined in global.css but needs to be redefined here because this stylesheet loads after global and has a header height declared in it */
    }

    .page-content {
    	margin: -824px auto 0;
    	min-height: 824px;
    	padding: 0;
    }

    /*-- Breadcrumbs --*/

    .breadcrumbs {
    	padding: 0;
    }
    
    .breadcrumbs ol {
        visibility: visible;
        display: block;
    }
    
    .breadcrumbs ul, .breadcrumbs ul li {
        display: none;
        visibility: hidden;
        height: 0;
        width: 0;
    }

    .mobileBack {
		display: block;
		width: 10%;
	}

	.mobileBack a, 
	.breadcrumbs ol li.mobileBack a {
		background: #013843 url(../images/arrowMobileBack.png) 50% 50% no-repeat;
		display: block;
		height: 40px;
		margin-right: 0px;
	}

	.currentCrumb {
		background: #1a1a1a;
    	color: #fff;
    	line-height: 40px;	/* This is here and not in type.css because this line height is used for alignment in box model, not for leading */
    	height: 40px;
    	width: 90%;
	}

	.currentCrumb span {
		display: block;
		padding: 0 5%;
	}

	.filterSubpage .currentCrumb span,
	.channelSubpage .currentCrumb span,
	.genericSubpage .currentCrumb span{
		float: left;
	}

	.mobileSubnavLink {
		background: url(../images/mobileSubnavLink.png) 0 0 no-repeat;
		display: block;
		float: right;
		height: 20px;
		margin: 10px;
		width: 63px;
	}

		.mobileSubnavLink.less {
			background-position: 0 -20px;
		}

	/*-- Filter Page Menu Dropdown --*/

    .filterSubpage .channelNav,
    .channelSubpage .channelNav,
    .genericSubpage .channelNav {
    	border-top: 3px solid #fff;
    	float: none;
    	margin-top: 0;
    	width: 100%;
    }

    .filterSubpage .channelNav > ul > li,
    .channelSubpage .channelNav > ul > li, 
    .genericSubpage .channelNav > ul > li {
        border-top: none;
    }

    .filterSubpage .channelNav > ul > li > a,
    .channelSubpage .channelNav > ul > li > a,
    .genericSubpage .channelNav > ul > li > a {
    	padding: 13px 0;
    }

    .filterSubpage .channelNav > ul > li > a span,
    .channelSubpage .channelNav > ul > li > a span,
    .genericSubpage channelNav > ul > li > a span {
    	background: url(../images/arrowHeading.png) no-repeat 0 55%;
    	padding-left: 16px;
    }
	/*.channelSubpage .channelNav > ul > li.active-menu-item > a[class$="child-link"].active-menu-item-link,
	.genericSubpage .channelNav > ul > li.active-menu-item > a[class$="child-link"].active-menu-item-link {
    	background: url(../images/arrowHeading.png) no-repeat 22px 55% #ee3b33;
    	
    }*/
	/*.channelSubpage .channelNav > ul > li.inactive-menu-item > a[class$="child-link"].inactive-menu-item-link {
    	background: url(../images/ulArrow01.png) no-repeat 22px 55% ;
    	
    }*/
.channelSubpage .channelNav > ul > li.inactive-menu-item > a.inactive-menu-item-link,
	.genericSubpage .channelNav > ul > li.inactive-menu-item > a.inactive-menu-item-link {
    	color: #006579;
    	
    }
    .filterSubpage .channelNav li ul,
    .channelSubpage .channelNav > ul,
    /*.genericSubpage .channelNav li ul,*/
	.genericSubpage .channelNav > ul {
        background: #fff;
        margin: 0;
        padding: 0;
    }
	.channelSubpage .channelNav li ul {margin:0;padding:0;}
	

    .filterSubpage .channelNav li ul li a,
    .channelSubpage .channelNav li ul li a,
    .channelSubpage .channelNav li a,
    .genericSubpage .channelNav li ul li a,
	.genericSubpage .channelNav li a {
    	border-bottom: 1px solid #d2d2d2;
    	color: #ffffff;/*#006579*/
    	padding: 15px 0;
    }

    /*-- Mobile Accordion Nav --*/

    .mobileAcc, .articleContent .mobileAcc,
    #groupPage .mobileAcc,
    .ie7 .participateT {
    	background: #185662;
    	color: #fff;
    	display: block;
    	margin-top: 3px;
    	padding: 13px 0;
    	width: 100%;
    }

    .mobileAcc.current,
    #groupPage .mobileAcc.current {
    	background: #e53c36;
		color:#fff;
    }

    /*-- Mobile Tabs Nav --*/

    .membersT,
    .groupsT {
		width: 50%;
	}

	.fillerLI,
	.ie7 .fillerLI {
		width: 0;
	}

    /*-- Contents --*/
    

    .sub .channelContent,
    .ie7 .sub .channelContent {
    	float: none;
    	margin: 0;
    	width: 100%;
    }

    .filterIntro {
    	border-radius: 20px;
    	margin: 5% 3%;
    	width: 92%;
    }

    .introCopy {
    	padding: 3% 6%;
    	width: 88%;
    }
    /*
    .productSubpage article h1 {
    	moved to .boxService, maybe move all of this there 
    	border-radius: 20px;
    	text-indent: -9999px;
    	margin: 5% 3%;
    	padding: 8%;
    }
    */
    .boxService article h1 {
        background: #fff url(../images/logoBox.png) 50% 50% no-repeat;
        border-radius: 20px;
    	text-indent: -9999px;
    	margin: 5% 3%;
    	padding: 8%;
    }

    .articleContent {
    	background: transparent;
    	margin-bottom: 0;
    	min-height: inherit;
    	padding: 0;
    }

    .articleContent .section, .genericSubpage  .articleContent, .channelSubpage .articleContent, .columnContent section{
    	background: #fff;
    	padding: 3%;
    }
	.genericSubpage .tabs .articleContent, .channelSubpage .tabs .articleContent {background:#fff;margin:0;padding:0 0 4px;}

    .channelSubpage #content {
        padding: 0;
    }
    .genericSubpage  .articleContent, .channelSubpage .articleContent {
        margin: 3%;
    }
    
    
    .overviewS dl {
    	display: none;
    }

    /*-- Filtering --*/

    .pagTop,
    .filterResults th,
    .filterResults tr td {
    	display: none;
    }

    .filterSearch label {
    	display: block;
    	float: none;
    }

    .dropdownGroup {
    	margin-left: 0;
    }

    .filterSearch select {
    	display: block;
    	margin-top: 10px;
    	width: 100%;
    }

    .filterSearchInput {
    	display: block;
    	margin: 10px 0;
    	padding: 2%;
    	width: 95%;
    }

    .filterResults th:first-child,
    .filterResults tr td:first-child {
    	border-right: 0;
    	display: block;
    }

    .btnSubmitSearch {
    	float: right;
    	height: auto;
    	padding: 6px 0;
    	width: 113px;
    }

    .pagBottom {
    	float: left;
    }

    .pagMobile {
    	background: url(../images/arrowContent.png) 100% 50% no-repeat;
		display: block;
		float: right;
		padding: 8px 14px 8px 0;
	}

    /*-- Sidebar --*/

    .subSidebar, 
    .groupPage #subSidebar {
    	float: none;
    	padding: 0 0 3% 0;
    	width: 100%;
    	margin: 20px 0;
    }

    .subSidebar .asideIntro {
    	background: #1a1a1a;
    	margin: 0;
    	padding: 3%;
    }

    .asideIntro dl {
    	background: #a0cbd3;
    	border-radius: 20px;
    	padding: 6.5% 8%;
    }

    .subSidebar .asideGroups {
    	padding: 4% 3% 0;
    }

    .subSidebar .asideCaseStudies {
    	padding: 0 3% 10%;
    }
/* 3-col mobile adjustments */
	.channelContent .onetwo {width:98%;border-right:none;}
	.channelContent .three {width:100%}
	.three a.social {float:none;}
	.channelContent #three, .channelContent #two {border-left:none;padding:3%;}
	.channelContent #one, #two {width:96%;}
	.channelContent #three {width:94%;}
	.genericSubpage .channelContent {border-radius: 0 0 0;}

}
@media screen and (min-width: 641px) and (max-width: 730px) {
	.channelContent .onetwo {width:100%}
	.channelContent .three {width:100%}
	.channelContent #three {border-left:none;padding:3%;}
	.genericSubpage .channelContent {border-radius: 0 0 0;
	}
}