@charset "utf-8";
/* CSS Document */


h1, h2 { font-weight: normal; /* now, this is important */ position: relative; margin: 0; }
h1 span, h2 span { background: url('images/framework/text_gradient_small.png') repeat-x; position: absolute; display: block; top: -1px; left: 0; height: 100%; width: 100%; }


/* BEGIN STYLES FOR FRONT PAGE (OVERVIEW) */
#front .hotnews a { color: #0B8DEB; text-decoration: none; border-bottom: 1px dotted #0B8DEB; }
#front .hotnews a:hover { color: #1E4BA0; border-bottom: 1px dotted #1E4BA0; }
#front .box_noimage { /* background: url('images/pages/front_door/left_box.jpg') no-repeat; */ padding: 12px 10px 7px 10px; width: 195px; overflow: hidden; }
#front .box { /* background: url('images/pages/front_door/middle_box.jpg') no-repeat; */ float: left; padding: 0; width: 215px; height: 200px; overflow: hidden; }
#front .box_div { background: url('images/pages/front_door/box_divider.jpg') no-repeat top center; float: left; width: 21px; height: 200px; }
#front .box_double { /* background: url('images/pages/front_door/left_box.jpg') no-repeat; */ float: left; padding: 12px 10px 7px 10px; width: 425px; height: 200px; overflow: hidden; }
#front .box_right { float: left; padding: 0; width: 215px; /*height: 200px;*/ }
#front .list { clear: both; font-size: 12px; line-height: 18px; }
#front .list ul { margin: 0; padding: 0; list-style: none; }
#front .list li { padding: 8px 0 0 0; list-style: none; }
#front .list li:first-child { padding: 7px 0 0 0; list-style: none; }
#front .caption { margin-top: 6px; font-size: 11px; }


#components .ctabox, #components .infobox { border: 1px solid #DDD; padding: 4px 8px; }
#components .ctabox, #components .infobox { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#components .ctabox, #components .infobox { -moz-box-shadow: 0 0 8px #DDD; -webkit-box-shadow: 0 0 8px #DDD; }

#components h1 { border-bottom: 1px solid #787878; color: #FF7900; font-size: 18px; font-weight: bold; position: relative; margin: 0 0 15px 0; }
#components h1 span { background: url('images/framework/text_gradient_small.png') repeat-x; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#components h2 { border-bottom: 1px solid #787878; color: #FF7900; font-size: 16px; font-weight: bold; position: relative; margin-top: 10px; }
#components h2 span { background: url('images/framework/text_gradient_small.png') repeat-x; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#components h2.awards { border: 0; color: #0B8DEB; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; padding: 0; }
#components h2.blue { border-bottom: 1px solid #DDD; color: #0B8DEB; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; padding: 0; }
#components h2.blue_noline { border-bottom: 0 solid #DDD; color: #0B8DEB; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; padding: 0; }
#components h2.events { border-bottom: 1px solid #787878; color: #0B8DEB; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 3px 0; }


/* BEGIN STYLES FOR INSIDE PAGE */
#inside { line-height: 21px; }

#inside h1 { border-bottom: 1px solid #787878; color: #FF7900; font-size: 18px; font-weight: bold; position: relative; margin: 0 0 15px 0; }
#inside h1 span { background: url('images/framework/text_gradient_small.png') repeat-x; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#inside h2 { border-bottom: 1px solid #787878; color: #FF7900; font-size: 16px; font-weight: bold; position: relative; margin-top: 10px; }
#inside h2 span { background: url('images/framework/text_gradient_small.png') repeat-x; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#inside h2.awards { border: 0; color: #0B8DEB; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; padding: 0; }
#inside h2.blue { border-bottom: 1px solid #DDD; color: #0B8DEB; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; padding: 0; }
#inside h2.blue_noline { border-bottom: 0 solid #DDD; color: #0B8DEB; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; padding: 0; }
#inside h2.noline { border-bottom: 0 solid #DDD; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; padding: 0; }
#inside h2.events { border-bottom: 1px solid #787878; color: #0B8DEB; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 3px 0; }

#inside a { border-bottom: 1px dotted #0B8DEB; color: #0B8DEB; text-decoration: none; }
#inside a:hover { border-bottom: 1px dotted #1E4BA0; color: #1E4BA0; }

#inside p { margin: 10px 0; }
#inside p.head_image { margin: 5px 0 25px 0; }

#inside ul { list-style-image: url('images/framework/list_style-default.png'); }
#inside ul.chat { list-style-image: url('images/framework/list_style-chat.png'); }
#inside ul.check { list-style-image: url('images/framework/list_style-check.png'); }
#inside ul.question { list-style-image: url('images/framework/list_style-question.png'); }
#inside ul.star { list-style-image: url('images/framework/list_style-star.png'); }
#inside ul.none { list-style: none; }

#inside .floatleft { float: left; }
#inside .floatright { float: right; }

#inside .ctabox, #inside .infobox { border: 1px solid #DDD; padding: 4px 8px; }
#inside .ctabox, #inside .infobox { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#inside .ctabox, #inside .infobox { -moz-box-shadow: 0 0 8px #DDD; -webkit-box-shadow: 0 0 8px #DDD; }

#inside .infobox { background: #FBFBFB; color: #0069AA; margin: 20px 0; }
#inside .infobox .quote { font-style: italic; letter-spacing: 0.08em; line-height: 18px; }
#inside .infobox .author { color: #54BCEB; font-size: 11px; line-height: 15px; margin: 15px 0 0 0; }

#inside .section { margin: 0 15px 25px 15px; }
#inside .section-noindent { margin: 0 0 25px 0; }

#inside .leading_text { padding: 15px 0 25px 0; }

#inside .case_study { display: inline; float: left; margin: 0 25px 25px 0; width: 290px; height: 270px; }
#inside .case_study a { border-bottom: 0 dotted #0B8DEB !important; color: #0B8DEB; text-decoration: none; }
#inside .case_study a:hover { border-bottom: 0 dotted #1E4BA0 !important; color: #1E4BA0; }
#inside .case_study_display { float: right;  margin: 10px 10px 50px 50px; width: 98px; }
#inside .case_study_display a { border-bottom: 0 dotted #0B8DEB !important; color: #0B8DEB; text-decoration: none; }
#inside .case_study_display a:hover { border-bottom: 0 dotted #1E4BA0 !important; color: #1E4BA0; }

#inside .leadership_team { float: left; display: inline; margin: 0 0 25px 0; width: 300px; }

#inside .testimonial .highlight { border-bottom: 1px dotted #61AFE1; color: #61AFE1; font-size: 14px; font-weight: bold; }
#inside .testimonial #details { border-bottom: none; font-size: 13px; margin: 20px 0 0 0; }
#inside .testimonial #details .title { font-weight: bold; }

#inside .screenshot_summary { display: inline; text-align: center; float: left; margin: 15px 8px; width: 194px; }
#inside .screenshot_summary img, #inside .screenshot_summary .thumbnail { width: 194px; height: 275px; }
#inside .screenshot_list img, #inside .screenshot_list .thumbnail { width: 90px; height: 127px; }

#inside .screenshot_list { margin: 0 15px 25px 15px; }
#inside .screenshot_list .description { float: left; width: 450px; }
#inside .screenshot_list .description p { margin: 0 0 10px 0; }
#inside .screenshot_list .thumbnail { float: right; }
#inside .screenshot_summary .thumbnail, #inside .screenshot_list .thumbnail { border: 1px solid #DDD; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; }

#inside .federal_funding_list { margin: 0 15px 25px 15px; }
#inside .federal_funding_list img, #inside .federal_funding_list .thumbnail { width: 90px; height: 127px; }
#inside .federal_funding_list .description { float: left; width: 450px; }
#inside .federal_funding_list .description p { margin: 0 0 10px 0; }
#inside .federal_funding_list .thumbnail { float: right; }
#inside .federal_funding_list .thumbnail { border: 1px solid #DDD; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; }

#inside #pressreleases, #inside #mediacoverage, #inside #blogcoverage, #inside #videocoverage { margin: 0 0 20px 0; }
#inside #mediaitem { border-bottom: 1px dotted #DDD; margin: 0 0 15px 0; }
#inside #mediaitem p { margin: 0 0 5px 0; }
#inside #mediaitem .left { float: left; margin: 0; width: 125px; }
#inside #mediaitem .right { float: right; width: 450px; }
#inside #mediaitem .right a { border: 0; font-weight: bold; }
#inside #mediaitem .right a:hover { border-bottom: 1px dotted #1E4BA0; }

#inside .viewmore { text-align: right; margin: 10px 0; }
#inside .viewmore a { border: none; color: #FF7900; font-size: 12px; font-weight: bold; }
#inside .viewmore a:hover { border-bottom: 1px dotted #FF7900; }

#inside .revisiondate { font-size: 12px; font-weight: bold; margin: 0 0 15px 0; }

#inside .fineprint { font-size: 12px; font-weight: normal; }
#inside .fineprint h1 { font-size: 16px; margin: 0 0 5px 0; }
#inside .fineprint h2 { font-size: 13px; }


/* BEGIN STYLES FOR LEFT COLUMN */
#left a { border-bottom: 1px dotted #0B8DEB; color: #0B8DEB; text-decoration: none; }
#left a:hover { border-bottom: 1px dotted #1E4BA0; color: #1E4BA0; }


/* BEGIN STYLES FOR SHARE THIS */
#sharethis .press { float: right; margin: 0 0 50px 30px; }
#sharethis a { border: 0 solid #FFF; }
#sharethis a:hover { border: 0 solid #FFF; }


/* BEGIN STYLES FOR DITTO PAGINATION */
.ditto_paging { font-size: 87.5%; text-align: center; margin: 5px 0 0 0; }
#ditto_counts { margin: 0 0 10px 0; }

/* current page */
#ditto_pages .ditto_currentpage { background-color: #5BB4E5; border: 1px solid #787878; color: #FFF; font-weight: bold; margin-right: 1px; padding: 3px 6px; }

/* previous page, when on first page */
#ditto_pages .ditto_off { border: 1px solid #CCC; color: #CCC; font-weight: bold; margin-right: 1px; padding: 3px 6px; }

/* next pages, when not on last page */
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited { border: 1px solid #787878; color: #00539F; font-weight: bold; text-decoration: none !important; margin-right: 1px; padding: 3px 6px; }
#ditto_pages a:hover { background-color: #FFF; color: #000; font-weight: bold; }


/* BEGIN STYLES FOR CAREER AND PRESS RELEASE LISTINGS */
#listing .contacts { background: #F3F3F3; float: right; text-align: right; margin: 0 0 15px 20px; padding: 0 10px; }
#listing .contacts { border: 1px solid #DDD; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#listing .contacts .contact { margin: 5px 0; }
#listing .contacts .contact  a { border: none; }
#listing .authorized, #listing .location { font-style: italic; margin: 0 0 5px 0; }
#listing .authorized { text-transform: uppercase; }
#listing .date { font-weight: bold; margin: 0 0 10px 0; }
#listing .heading, #listing .description { font-weight: bold; width: 425px; }
#listing .heading { border-top: 1px dotted #787878; border-bottom: 1px dotted #787878; color: #0B8DEB; font-size: 16px; margin: 0 0 10px 0; padding: 10px 0; }
#listing .description { line-height: 18px; margin: 0 0 15px 0; }
#listing .overview { float: left; margin: 10px 0 0 0; }
#listing .content { margin: 0 0 25px 0; }
#listing .content p { margin: 0 0 10px 0; }
#listing .bottom { border-top: 1px solid #787878; padding: 10px 0 0 0; }
#listing .bottom p { margin: 0 0 5px 0; }


/* BEGIN STYLES FOR CAREER LIST */
#careerlist { line-height: 16px; margin: 10px 0 15px 0; }

#careerlist .headings { border-bottom: 1px solid #787878; margin: 0 0 10px 0; }
#careerlist .headings .title, #careerlist .headings .department { font-weight: bold; }
#careerlist .headings .location, #careerlist .headings .date { font-size: 11px; }

#careerlist .item { border-bottom: 1px dotted #DDD; margin: 0 4px 10px 4px; }
#careerlist .item a { border: none; }
#careerlist .item .location, #careerlist .item .date { font-size: 11px; }

#careerlist .title, #careerlist .location { float: left; width: 300px; }
#careerlist .department, #careerlist .date { float: right; text-align: right; width: 250px; }


/* BEGIN STYLES FOR ACCORDIAN */
h4.trigger {
  background: url('images/framework/icon-expand.png') no-repeat left center;
  color: #0B8DEB;
  cursor: pointer;
  display: inline;
  font-size: 13px;
  font-weight: bold;
  margin: 10px 0 0 0;
  padding: 0 0 0 15px;
}
h4.active { background: url('images/framework/icon-collapse.png') no-repeat left center; }
.panel { font-size: 12px; padding: 0 0 10px 15px; }