@charset "UTF-8";
/* CSS MAIN STYLES

QUINTILES.COM REDESIGN
CAPSTRAT
02/09

COLORS:

BACKGROUND (outside #Container) - #6c6f70
BODY COPY - #536162
UTILITY NAV (beneath top nav), FOOTER NAV - #a7a7a7
LEFT NAV BACKGROUND - #dddfde
GENERAL LINK COLOR - #1c9896
HEADING RED - #be0f34
QUINTILES Q RED - #b01842
*/


/* GLOBAL STYLES */
body {
   color:#536162;
   font-family:Arial, Verdana, Helvetica, sans-serif;
   font-size:1.2em;
   font-weight:normal;
}

a {
   color: #1c9896;
   text-decoration: none;
   outline: none;
}
a:hover {
   text-decoration: underline;
}

a img {
   border:none;
   outline:none;
}

.clearfix,
.clearleft,
.clearright {
   height:0px;
   font-size:0.01em;
   line-height:0.01em;
}
.clearfix {
   clear:both;
}
.clearleft {
   clear:left;
}
.clearright {
   clear:right;
}

.divider {
   margin-bottom: 10px;
   height: 1px;
   font-size: 0.01em;
   line-height: 0.01em;
   border: 1px solid #e9e9e9;
   border-width: 0 0 1px 0;
}

/* CONTENT STYLES */
.content {
}
.content p {
   font-size: 1.1em;
   line-height: 1.27em;
   margin: 0 0 0.91em 0;
}
.content p.quote {
   font-size: 1.1em;
   line-height: 1.27em;
   margin: 0 25px 0.91em 30px;
   padding: 0 32px;
   min-height: 64px;
   background-image: url(../img/bio_quote_bg.gif);
   background-repeat: no-repeat;
}
.content h1 {
   font-size: 2.2em;
   line-height: 1.08em;
   margin: 0 0 0.09em 0;
   color: #be0f34;
   font-weight: normal;
}
.content h2 {
   font-size: 1.4em;
   line-height: 1.33em;
   margin: 0 0 0.8em 0;
   font-weight: normal;
}
.content h3 {
   font-size: 1.4em;
   line-height: 1.33em;
   margin: -0.2em 0 0.4em 0;
   color: #be0f34;
   font-weight: normal;
}
.content h4 {
   font-size: 1.4em;
   line-height: 1.33em;
   margin: -0.2em 0 0.4em 0;
   font-size: 1.0em;
   font-style: italic;
   font-weight: normal;
}
.content h5 {
   font-size: 1.1em;
   line-height: 1.27em;
   margin: 0 0 0.91em 0;
   color: #be0f34;
   font-weight: bold;
}
.content ul {
   font-size: 1.1em;
   margin: 0 0 0.55em 0;
   list-style: disc outside none;
}
.content ul li {
   line-height: 1.27em;
   margin: 0 0 0.36em 1.8em;
}
.content ul li ul {
   font-size: 1.0em;
   margin-bottom: 0;
}
.content ol {
   font-size: 1.1em;
   margin: 0 0 0.55em 0;
   list-style-position: outside;
}
.content ol li {
   margin: 0 0 0.5em 1.7em;
}
.content ol li ol {
   font-size: 1.0em;
   margin-bottom: 0;
}
.content ul.nobullets {
   list-style: none outside none;
}
.content ul.nobullets li {
   margin-left: 0;
}
.content ul.nobullets ul {
   list-style: none outside none;
   margin-left: 1.8em;
}
.content ul.compressed li {
   margin-bottom: 0.2em;
   line-height: 1.2em;
}
.content ul.compressed li ul {
   margin-top: 0.2em;
   margin-bottom: 0;
}
.content table {
   border-collapse: collapse;
   margin: 0 0 1.0em;
   border: 1px solid #ccc;
   border-width: 1px 0 0 0;
}
.content table caption {
   margin: 0 0 0 0;
   padding-left: 0.5em;
   margin: 0 0 0.3em 0;
   text-align: left;
   font-weight: bold;
}
.content table th {
   margin: 0;
   padding: 0.3em 0.5em;
   border: 1px solid #ccc;
   border-width: 0 1px 1px 1px;
   text-align: left;
   background: #eee;
   font-size: 1.1em;
}
.content table th span {
   font-weight: normal;
   font-size: 0.9em;
}
.content table td {
   margin: 0;
   padding: 0.3em 0.5em;
   border: 1px solid #ccc;
   border-width: 0 1px 1px 1px;
}
.content table.noborders {
   border: none;
}
.content table.noborders th {
   border: none;
   background: none;
}
.content table.noborders td {
   border: none;
}

.content a.external_link {
   padding-right: 12px;
   background: transparent url(../img/link_bg_offsite.gif) no-repeat right center;
}
.content img {
   display: block;
   /*
   padding: 3px;
   border: 1px solid #ddd;
   */
}
.content img.wrap_left {
   float: right;
   display: inline;
   margin: 0 0 0.5em 1.0em;
}
.content img.wrap_right {
   float: left;
   display: inline;
   margin: 0 1.0em 0.5em 0;
}
.content p.more a {
   display: block;
   text-align: right;
   min-height: 18px;
   padding: 0 22px 7px 0;
   background: transparent url(../img/link_bg_reflection_white.gif) no-repeat right bottom;
}
.content dl {
   margin-bottom: 1.0em;
}
.content dl dt {
   font-weight: bold;
}
.content dl dd {
}

/* TICKER STYLES */
.content a.ticker_previous,
.content a.ticker_next {
   float: left;
   width: 9px;
   padding: 5px;
   background: #1c9896;
   border: 1px solid #1c9896;
   text-align: center;
   font-weight: bold;
   color: #fff !important;
}
.content a.ticker_previous:hover,
.content a.ticker_next:hover {
   background: #146e6d;
   text-decoration: none;
}
.content a.ticker_previous {
   border-width: 1px 0 1px 1px;
}
.content a.ticker_next {
   border-width: 1px 1px 1px 0;
}
.content ul.ticker.active {
   float: left;
   width: 453px;
   margin: 0 0 10px 0;
   padding: 6px 5px 5px 5px;
   background: #fff;
   border: 1px solid #1c9896;
   list-style: none outside none;
}
.content ul.ticker.active li {
   width: 100%;
   margin: 0;
   padding: 0;
   line-height: 1.0em;
}

/* RIGHT COLUMN */
#right_col {
   background: transparent none no-repeat left top;
}

/* BANNER */
#banner img {
   display: block;
}

/* MAIN WELL */

/* breadcrumbs */
ul#breadcrumbs {
   list-style: none outside none;
}
ul#breadcrumbs li {
   display: inline;
}

/* RIGHT RAIL */

/* SPIFFS */
.spiff {
   margin: 0;
   padding: 10px 0 0 0;
   width: 170px;
   border: 1px solid #d8d8d8;
   border-width: 1px 0 0 0;
   overflow: hidden;
}
.spiff .banner {
   margin: 0 5px 5px 5px;
   padding: 4px;
   width: 152px;
   height: 77px;
   overflow: hidden;
}
.spiff .content {
   padding: 0 9px 5px 9px !important;
   line-height: 1.3em;
   font-size: 0.9em;
}
.spiff .content h3 {
   margin-bottom: 0.4em;
   color: #be0f34;
   font-size: 1.2em;
   font-weight: normal;
}
.spiff .content h4 {
   margin-bottom: 0.4em;
   font-size: 1.05em;
   line-height: 1.2em;
   font-variant: normal;
   font-style: normal;
   font-weight: bold;
   color: #5e6162;
}
.spiff .content p {
   margin-bottom: 0.2em;
}
.spiff .content ul {
   margin-bottom: 0.2em;
}
.spiff .content ol {
   margin-bottom: 0.2em;
}
.spiff .content p.more {
   margin: 0.3em 0 0 0;
}
.spiff .content p.more a {
   display: block;
   text-align: right;
   min-height: 18px;
   padding: 0 22px 7px 0;
   background: transparent url(../img/link_bg_reflection_white.gif) no-repeat right bottom;
}
.spiff .content p.more a:hover {
   text-decoration: none;
}
.spiff .content img {
   padding: 0;
   border: none;
}
.spiff.wrap {
   float: left;
   width: 164px;
   margin-right: 12px;
}
.spiff.wrap .banner {
   margin: 0 0 5px 0;
}
.spiff.poll ul {
   list-style: none outside none;
}
.spiff.poll ul li {
   margin-left: 0;
}
.spiff.poll ul li .bar {
   height: 6px;
   border: 1px solid #660022;
   margin: 5px 0 2px 0;
   background: #BE0F34;
   line-height: 0.01em;
   font-size: 0.01em;
}

/* GRAY BOX */
.gray_box {
   margin: 0 0 7px 0;
   width: 170px;
   background: #f0f0f0 url(../img/gray_box_outer.gif) no-repeat left top;
}
.gray_box .spiff {
   margin: 0;
   padding: 0;
   width: 170px;
   border: none;
   background: transparent url(../img/gray_box_inner.gif) no-repeat left bottom;
}
.gray_box .spiff .content {
   padding: 20px 10px !important;
   overflow: hidden;
}
.gray_box .spiff .content p.more {
   margin-bottom: -17px;
}
.gray_box .spiff .content p.more a {
   background-image: url(../img/link_bg_reflection_gray.gif);
}
.gray_box .spiff .content img {
   padding: 0;
   border: none;
}

/* SUGGESTED READING */
.suggested {
   margin: 15px 0 0 0;
   width: 170px;
   font-size: 1.0em;
}
.suggested h3 {
   margin: 0 0 0.7em 0;
   padding: 12px 8px;
   font-size: 1.0em;
   font-weight: normal;
   color: #fff;
   border: 1px solid #d8d8d8;
   background: #408083 url(../img/expand_btn_bg.gif) no-repeat 1px 1px;   
}
.suggested ul {
   list-style: none outside none;
   float: left;
   width: 170px;
}
.suggested ul li {
   float: left;
   margin: 0 0 0.7em 0;
   padding: 0 4px 0 8px;
}
.suggested ul li a {
   clear: left;
   float: left;
   display: block;
   width: 147px;
}
.suggested ul li a.hide {
   clear: none;
   float: left;
   display: block;
   width: 11px;
   line-height: 1.0em;
   overflow: hidden;
   background: transparent url(../img/selected_item_icon.gif) no-repeat right center;
}
.suggested ul li a.hide:hover {
   text-decoration: none;
}
.suggested p {
   padding-left: 8px;
   padding-right: 8px;
}

/* FOOTER */
#footer {
}
#footer p {
   clear: right;
   float: right;
   color: #a7a7a7;
   margin-right: 12px;
}
#footer ul {
   list-style: none outside none;
   float: right;
   margin-right: 12px;
   margin-bottom: 0.5em;
}
#footer ul li {
   float: left;
   margin: 0 0 0 10px;
   padding: 0 0 0 10px;
   line-height: 20px;
   vertical-align: middle;
   border: 1px solid #ccc;
   border-width: 0 0 0 1px;
}
#footer ul li.first {
   margin: 0;
   padding: 0;
   border: none;
}
#footer ul li.icon {
   margin: 0 0 0 15px;
   padding: 0;
   border: none;
}
#footer ul li a {
   color: #a7a7a7;
}
#footer ul li a.active,
#footer ul li a:hover {
   color: #1c9896;
}
#footer ul li.icon img {
   display: block;
}

/* MISCELLANEOUS */
p.more_about {
   float: right;
   margin: 0 20px 10px 0;
   width: 150px;
   border: 1px solid #d8d8d8;
   text-align: center;
}
p.more_about a {
   display: block;
   padding: 10px;
   color: #fff;
   background: #408083 url(../img/expand_btn_bg.gif) no-repeat 1px 1px;   
}
a.button {
   display: block;
   padding: 10px;
   color: #fff;
   background: #408083 url(../img/expand_btn_bg.gif) no-repeat 1px 1px;
   text-align: center;
}
a.button.less_padding {
   padding: 5px;
   width: 70px;
}
a.more_rss {
   float: right;
   display: block;
   width: 28px;
   height: 28px;
   margin: 0 10px 0 0;
   overflow: hidden;
   background: transparent url(../img/rss28x28.gif) no-repeat left top;
}
a.more_rss span {
   display: block;
   padding-top:28px;
}

/* LOCATIONS */
#locations_full {
   padding: 0 10px;
}
.spiff .country {
   padding: 0 9px 5px 9px;
}
.spiff .country p {
   margin-bottom: 0.2em;
}
.spiff .country ul {
   margin: 0 0 0.2em 0;
   list-style: none outside none;
}
.spiff .country ul li {
   margin: 0 0 0.2em 0;
}
.spiff .country ul li ul {
   margin: 0.2em 0 0 1.0em;
}
.spiff .country ul li a.active {
   font-weight: bold;
}
.content .locs_col {
   float: left;
   width: 252px;
   margin-right: 10px;
}
.content .locs_col .loc {
   margin-bottom: 20px;
}
.content .locs_col h2,
.content .locs_col p,
.content .locs_col ul {
   margin: 0;
}
.content .locs_col h2 {
   font-weight: bold;
}
.content .locs_col img {
   margin: 0;
   padding: 0;
   border: none;
}
.content table.careers_list h4 {
   font-size: 1.1em;
   font-style: normal;
   font-weight: bold;
   margin-bottom: 0.2em;
}

/* INFORMATION LIBRARY / NEWS & EVENTS LISTS */
.list {
	margin:0;
	padding:0;
}
.list ul {
	margin:0;
	padding:0;
}
.list ul li {
	margin:5px 0 12px 0;
	padding:0 0 0 60px;
	min-height:59px;
	list-style-type:none;
}
.list ul li h4 {
   margin-top: 0;
   font-size: 1.0em;
   font-weight: bold;
   font-variant: normal;
}
.list ul li p {
   font-size: 1.0em;
}

.list ul li.brochure {
	background:transparent url(../img/type_brochure.gif) no-repeat left 5px;
}
.list ul li.case_study {
	background:transparent url(../img/type_casestudy.gif) no-repeat left 5px;
}
.list ul li.experts {
	background:transparent url(../img/type_experts.gif) no-repeat left 5px;
}
.list ul li.inthenews {
	background:transparent url(../img/type_inthenews.gif) no-repeat left 5px;
}
.list ul li.presentation {
	background:transparent url(../img/type_presentation.gif) no-repeat left 5px;
}
.list ul li.testimonial {
	background:transparent url(../img/type_testimonial.gif) no-repeat left 5px;
}
.list ul li.white_paper {
	background:transparent url(../img/type_whitepaper.gif) no-repeat left 5px;
}
.list ul li.news {
	background:transparent url(../img/type_news.gif) no-repeat left 5px;
}
.list ul li.event {
	background:transparent url(../img/type_event.gif) no-repeat left 5px;
}
.list ul li.video {
	background:transparent url(../img/type_video.gif) no-repeat left 5px;
}
.list ul li.podcast {
   background:transparent url(../img/type_webcast.gif) no-repeat left 5px;
}
.list ul li.bio {
   background:transparent url(../img/type_bio.gif) no-repeat left 5px;
}
.list ul li.announcement {
   background:transparent url(../img/type_announcement.gif) no-repeat left 5px;
}

/* COMMON INFORMATION LIBRARY / NEWS & EVENTS STYLES */
.sort {
   margin: 0 0 1.0em 0;
   padding: 2px 0;
   border: 1px solid #ddd;
   border-width: 1px 0;
}
.sort ul {
   list-style: none outside none;
   margin: 0;
   padding: 0;
}
.sort ul li {
   display: inline;
   margin: 0 0.5em 0 0;
   padding: 0 0 0 0.5em;
   line-height: 24px;
   vertical-align: middle;
   border: 1px solid #ccc;
   border-width: 0 0 0 1px;
}
.sort ul li.label {
   padding-left: 0;
   border: none;
}
.sort ul li.first {
   border: none;
}
.sort ul li a {
   padding-top: 5px;
   padding-bottom: 5px;
}
.sort a.rss {
	padding-right: 18px;
	background:url(../img/rss14x14.gif) no-repeat right center;
}
.sort a.print {
	padding-right: 24px;
	background:url(../img/print_icon.gif) no-repeat right center;
}
.sort a.pdf {
   padding-right: 28px;
   background:url(../img/pdf_icon.gif) no-repeat right center;
}

/* NEWSROOM PAGE */
#newsroom_columns {
   float: left;
   width: 328px;
   margin-right: 20px;
}
#newsroom_media_alerts {
   float: left;
   width: 328px;
}
.newsroom_col {
   /*
   float: left;
   width: 328px;
   */
   margin-bottom: 30px;
}
/* No longer needed - columns float/wrap freely.
.newsroom_col.left {
   clear: left;
}
.newsroom_col.right {
   margin-right: 0;
}
*/
.newsroom_col h3 {
   margin-bottom: 0.7em;
   font-size: 1.1em;
   font-weight: normal;
   line-height: 1.2em;
}
.newsroom_col p {
   margin-bottom: 0.7em;
   line-height: 1.2em;
}
.newsroom_col p a {
   display: block;
   min-height: 16px;
   vertical-align: middle;
}
.newsroom_col p.protected a {
   padding: 0 0 0 17px;
   background: transparent url(../img/icon_protected.gif) no-repeat left top;
}
.newsroom_col p a.external_link {
   padding-right: 20px;
   display: inline;
   background: transparent url(../img/link_bg_offsite.gif) no-repeat right top;
}

/* CAREERS */
#careers_left {
   float: left;
   width: 393px;
}
#careers_right {
   float: left;
   width: 352px;
}
#careers_left .content {
   padding: 0 20px 0 30px;
}
#careers_after .content {
   padding: 0 20px 0 30px;
}
#careers_video {
   margin-bottom: 20px;
}
#career_path table {
   width: 100%;
   border: none;
   line-height: 1.2em;
}
#career_path table th {
   border: none;
}
#career_path table td {
   border: none;
}
#career_path table td.labels {
   width:40%;
   text-align: right;
}
#career_path table td select {
   width: 200px;
}
#career_path ul.errorlist {
   margin: 0;
   padding: 0;
   list-style: none outside none;
}
#career_path ul.errorlist li {
   color: #f01020;
   margin-left: 0;
}
input#apply_now {
   padding: 5px 10px;
   border: 1px solid #d8d8d8;
   background: #408083 url(../img/expand_btn_bg.gif) no-repeat 1px 1px;
   color: #fff;
}
dl#find_my_fit dt {
   font-size: 1.05em;
}
dl#find_my_fit dd {
   margin-bottom: 0.75em;
   padding-bottom: 0.75em;
   border: 1px solid #d8d8d8;
   border-width: 0 0 1px 0;
}
dl#find_my_fit dd p {
   margin-bottom: 0.5em;
}
dl#find_my_fit dd a {
   display: block;
   padding: 5px 10px;
   width: 160px;
   border: 1px solid #d8d8d8;
   background: #408083 url(../img/expand_btn_bg.gif) no-repeat 1px 1px;
   color: #fff;
   text-align: center;
}



#taleo {
   padding: 20px 0 20px 0;
   background: #fff;
   border-top: 1px solid #d8d8d8;
}
#taleo .content {
   margin: 0 0 10px 0;
   padding: 0 20px 0 30px;
}
#taleo-results {
   padding: 0 0 0 30px;
}

/* PAGINATION */
.paginator {
   border-top: 1px solid #ccc;
   padding: 10px 0 0 0;
}
.paginator ul {
   list-style: none outside none;
   margin: 0;
   padding: 0;
}
.paginator ul li {
   display: inline;
   margin: 0 0.3em 0 0;
   padding: 0;
}
.paginator ul li a {
   padding: 0.3em 0.6em;
   border: 1px solid #ccc;
}
.paginator ul li a:hover {
   border-color: #1c9896;
   text-decoration: none;
}

/* FORM ROWS, LABELS AND FIELDS */
.form_row {
   clear: left;
   float: left;
   width: 100%;
   margin-bottom: 12px;
}
.form_row label {
   float: left;
   width: 28%;
   padding-right: 2%;
   line-height: 1.3em;
}
.form_row label span,
span.required {
   color: #f01020;
}
.form_row p {
   clear: left;
   float: left;
   width: 50%;
   margin: 1px 0 0 30%;
   font-size: 0.9em;
   line-height: 1.3em;
}
.form_row input {
   float: left;
   width: 50%;
   padding: 2px;
   color: #536162;
   border: 1px solid #a0a0a0;
}
.form_row select {
   float: left;
   width: auto;
   padding: 1px;
   border: 1px solid #a0a0a0;
}
.form_row select {
   color: #536162;
}
.form_row select option {
   padding: 1px 3px;
   color: #536162;
}

.form_row.textarea label {
   width: 80%;
   margin-bottom: 1px;
   padding-right: 0;
}
.form_row.textarea textarea {
   clear: left;
   float: left;
   width: 80%;
   padding: 2px;
   color: #536162;
   border: 1px solid #a0a0a0;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 1.0em;
}
.form_row.checkboxes ul,
.form_row.radio ul {
   float: left;
   width: 50%;
   list-style: none outside none;
   margin: 0;
   padding: 0;
}
.form_row.checkboxes ul li,
.form_row.radio ul li {
   clear: both;
   display: block;
}
.form_row.checkboxes ul li label,
.form_row.radio ul li label {
   float: none;
   display: block;
   width: auto;
   padding-right: 0;
}
.form_row.checkboxes ul li label input,
.form_row.radio ul li label input {
   width: auto;
   border: none;
   display: block;
}

.form_row.captcha img {
   float: left;
   margin-bottom: 5px;
   border: 1px solid #a0a0a0;
}
.form_row.captcha input {
   clear: left;
   float: left;
   margin-left: 30%;
}
.form_row.submit input {
   width: auto;
   margin-left: 30%;
}
.form_row ul {
   list-style: none outside none;  
}
.form_row ul li {
   margin-left: 0;
}

/* FORM ERRORS */
.form_row ul.errorlist {
   clear: left;
   float: left;
   width: 50%;
   margin: 1px 0 0 30%;
   padding: 0;
   list-style: none outside none;
}
.form_row ul.errorlist li {
   color: #f01020;
}
.form_row.textarea ul.errorlist {
   margin-left: 0;
}

/* CUSTOM FORM ROWS */
.form_row.language label {
   margin-bottom: 0.5em;
}
.form_row.language select {
   clear: left;
}
.form_row.language input.submit {
   width: auto;
   margin-left: 0.5em;
}

/* SITEMAP STYLES */
ul.sitemap {
   list-style: none outside none;
   margin: 0;
   padding: 0;
}
ul.sitemap li {
   display: block;
   position: relative;
   padding: 3px 0;
   margin: 0;
}
ul.sitemap li a {
   margin: 0 0 0 20px;
}
ul.sitemap li a.toggle {
   position: absolute;
   display: block;
   left: 0;
   top: 3px;
   width: 20px;
   margin: 0;
   background: transparent url(../img/arrow_up.gif) no-repeat left center;
   text-decoration: none;
   outline: none;
}
ul.sitemap li a.toggle.active {
   background-image: url(../img/arrow_over.gif);
}
ul.sitemap li ul {
   margin: 0 0 0 20px;
   padding: 0;
}

/* SEARCH PAGE */
form.site_search {
   padding: 15px;
   margin: 0 0 20px 0;
   background: #f0f0f0;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
}
form.site_search table {
   margin-bottom: 0;
   border: none;
   width: 495px;
}
form.site_search table th,
form.site_search table td {
   border: none;
}
form.site_search input.submit {
   padding: 5px 10px;
   border: 1px solid #d8d8d8;
   background: #408083 url(../img/expand_btn_bg.gif) no-repeat 1px 1px;
   color: #fff;
}
form.site_search p.select {
   padding: 0.91em 0;
   border: 1px solid #d8d8d8;
   border-width: 0 0 1px 0;
}

dl.search {
   
}
dl.search dt {
   margin: 0 0 0.2em 0;
   font-size: 1.15em;
}
dl.search dd {
   margin: 0 0 1.2em 0;
}

/* GOOGLE CUSTOM SEARCH */
#cse-search-results {
   padding: 30px;
}

/* CLAB ACCORDION CONTENT STYLES */
#clab_accordion {
   width:732px;
   margin: 0 0 0 15px;
}

#clab_accordion ul#accordion_list {
   padding:0;
   margin: 10px 0 0 0;
   width:100%;
   list-style:none;
}
.clab_accordion ul#accordion_list li {
   padding:0 0 0 0;
   margin:0 0 0 0;
   list-style-type:none;
}
ul#accordion_list div.panel_header {
	padding:0;
	margin:0 0 20px 0;
}
ul#accordion_list div.panel_main {
   padding:0;
	margin:0;
	width:732px;
	background:url(../img/clab_accordion/content_bg_repeat.gif) repeat-y left top;
}
ul#accordion_list div.panel_main.panel_main_first {
	height:450px;
	padding:0 6px;
	margin:0;
	width:720px;
	background:url(../img/clab_accordion/content_bg_repeat.gif) repeat-y left top;
	position:relative;
}
ul#accordion_list div.panel_inner {
   padding:24px 34px;
}
ul#accordion_list div.left {
	float:left;
	width:364px;
}
ul#accordion_list div.right {
	float:left;
	margin:0 0 0 24px;
	width: 260px;
}
ul#accordion_list div.full {
	width:664px;
}
ul#accordion_list div.welcome_html {
	width:664px;
	padding:24px 34px 0 34px;
	position:absolute;
}

#clab_welcome_flash {
   margin:0;
   padding:0;
   width:720px;
   height:450px;
}

ul#accordion_list div.accordion_item p {
	padding: 3px;
	text-align: left;
	vertical-align: top;
}
ul#accordion_list h3 {
   margin:0;
	padding:0;
	display:block;
	letter-spacing:0.1em;
	outline:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:95%;
}
ul#accordion_list h3.accordion_head {
	/*height:26px;*/
	background:url(../img/clab_accordion/header_bg_up.gif) no-repeat left top;
}
ul#accordion_list h3.first {
	/*height:34px;*/
	background:url(../img/clab_accordion/header_bg_first_up.gif) no-repeat left top;
}
ul#accordion_list li h3.selected {
	background:url(../img/clab_accordion/header_bg_over.gif) no-repeat left top;
}
ul#accordion_list li h3.selected .first {
	background:url(../img/clab_accordion/header_bg_first_over.gif) no-repeat left top;
}
ul#accordion_list h3.accordion_head a, ul#accordion_list h3.accordion_head a:hover {
	margin:0;
	padding:0 0 0 22px;
	/*height:26px;*/
	line-height:26px;
	display:block;
	color:#fff;
	outline:none;
	font-weight:bold;
	text-decoration:none;
}
ul#accordion_list h3.accordion_head a.first, ul#accordion_list h3.accordion_head .selected a.first {
	/*height:34px;*/
	padding:0.7em 0 0 22px;
}
ul#accordion_list li ul {
	margin:5px 0;
	padding:0 0 0 15px;
}
ul#accordion_list li ul li {
	list-style-type:disc;
}
#bottom_cap {
   width:732px;
   height:8px;
   background:url(../img/clab_accordion/bottom_cap.gif) no-repeat left top;
   padding:0 0 25px 0;
   margin:0 0 10px 0;
}

/* ACCORDION CONTENT STYLES */
ul#accordion_list a {
   color:#5a93c0;
}
ul#accordion_list a:hover {
   color:#3f3f3f;
}
ul#accordion_list h4 {
   color:#b01842;
   font-weight:bold;
   font-size:120%;
   margin:0 0 5px 0;
}
ul#accordion_list p.subhead {
   color:#b01842;
   margin:0 0 0 0;
}
ul#accordion_list p.subhead2 {
   color:#5a93c0;
   margin:0 0 0 0;
}
ul#accordion_list p.subhead2 a {
   color:#b01842;
   text-decoration:none;
}
ul#accordion_list p.subhead2 a:hover {
   color:#5a93c0;
}
ul#accordion_list h5 {
   color:#000000;
   font-weight:bold;
   margin:0 0 0 0;
}
ul#accordion_list p a.video_link {
   background:url(../img/clab_accordion/link_arrow_accordion.gif) no-repeat right 3px;
   padding:3px 0 3px 0;
   margin:0 0 12px 6px;
   display:block;
}
ul#accordion_list p a.video_link:hover {
   text-decoration:none;
}
ul#accordion_list .panel_main .welcome_html .right a.video_link {
   background: none;
   color: #fff;
}
ul#accordion_list .panel_main .welcome_html .right img {
   border: 1px solid #aaa;
   padding: 2px;
}

ul#accordion_list div.welcome_html h4,
ul#accordion_list div.welcome_html h5,
ul#accordion_list div.welcome_html p,
ul#accordion_list div.welcome_html ul {
   color:#fff;
}




/*
   -----------------
   PERSPECTIVES PAGE
   -----------------
*/

/* LANDING PAGE */

.p_left_col,
.p_right_col {
   float: left;
}

/* left column */
.p_left_col {
   clear: left;
   width: 300px;
   padding-right: 15px;
}
   /* the links at the bottom of the left col */
   .p_bglink {
      height: 0 !important;
      display: block;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: left top;
      width: 246px;
      padding: 63px 0 0 0;
      margin: 10px 0;
   }
      #p_publications.p_bglink {
         background-image: url(../img/perspectives/link-publications.gif);
      }
      #p_newhealthreport.p_bglink {
         background-image: url(../img/perspectives/link-newhealthreport.gif);
      }
      #p_biostatistics.p_bglink {
          background-image: url(../img/perspectives/link-biostatistics.gif);
      }

/* right column */
.p_right_col {
   width: 401px;
}
   /* its subheadings, whose text is actually hidden in favor of a BG image */
   .p_right_col h2 {
      height: 0 !important;
      display: block;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: left top;
      width: 401px;
      padding: 35px 0 0 0;
      margin: 0;
   }
   .p_right_col h3 a {
      color: #BE0F34;
   }
      #p_perspectives h2 {
         background-image: url('../img/perspectives/subheading-perspectives.gif');
         padding-top: 36px;
      }
      #p_whitepaper h2 {
         background-image: url('../img/perspectives/subheading-whitepaper.gif');
      }
      #p_podcast h2 {
         background-image: url('../img/perspectives/subheading-podcast.gif');
      }
   
   /* the list of perspectives by topic */
   .p_right_col #p_perspectives {
      padding: 0 0 14px 0;
      margin: 0 0 10px 0;
      background: transparent url('../img/perspectives/list-bottomcap.gif') no-repeat left bottom;
   }
      .p_right_col #p_perspectives ul {
         margin: 9px 0 0 0;
         padding: 16px 10px 0 20px;
         background: transparent url('../img/perspectives/list-topcap.gif') no-repeat left top;
         list-style-type: none;
      }
      .p_right_col #p_perspectives ul li {
         margin: 0 0 8px 0;
      }
      .p_right_col #p_perspectives ul li a {
         display: block;
         padding: 6px 0 0 60px;
         min-height: 39px;
         background-repeat: no-repeat;
         background-position: top left;
         text-decoration: none;
         font-size: 16px;
         color: #006a71;
      }
      .p_right_col #p_perspectives ul li a p {
         margin: 2px 0 0 0;
         font-size: 13px;
         color: #808285;
         max-height: 16px;
         overflow: hidden;
      }
   
   /* featured whitepaper */
   .p_right_col #p_whitepaper {
      padding: 0 0 20px;
   }
      .p_right_col #p_whitepaper h2 {
         margin-bottom: 13px;
      }
      .p_right_col #p_whitepaper a.p_preview_and_info {
         display: block;
         float: left;
         width: 100px;
         padding: 0 8px;
         text-align: center;
         text-decoration: none;
      }
         .p_right_col #p_whitepaper .p_preview_and_info img.p_preview {
            border: 1px solid #999999;
         }
         .p_right_col #p_whitepaper .p_preview_and_info img.p_icon {
            display: inline;
         }
      .p_right_col #p_whitepaper .p_title_and_copy {
         float: left;
         padding: 0 6px;
         width: 273px;
      }
         .p_right_col #p_whitepaper .p_title_and_copy h3 {
            margin: 0 0 3px;
         }
         .p_right_col #p_whitepaper .p_title_and_copy p.p_subtitle {
            font-size: 12px;
            margin: 0 0 5px;
         }
         .p_right_col #p_whitepaper .p_title_and_copy p.p_summary {
            font-size: 11px;
            margin: 0 0 5px;
         }

   /* featured podcast */
   .p_right_col #p_podcast {
   }
      .p_right_col #p_podcast .p_container {
         padding: 13px 15px 15px 19px;
      }
         .p_right_col #p_podcast img.p_preview {
            float: left;
            border: 1px solid #999999;
         }
         .p_right_col #p_podcast p.p_summary {
            float: left;
            width: 272px;
            padding: 0 0 0 15px;
            font-size: 11px;
         }

/* DETAIL PAGE */

h2.p_name {
}

ul#p_library_items {
   border-top: 1px solid #bbbbbb;
   list-style-type: none;
}
   #p_library_items li {
      margin: 10px;
      border-bottom: 1px solid #bbbbbb;
      padding: 0;
      background-repeat: no-repeat;
      background-position: right top;
   }
      #p_library_items li h3 {
         margin-bottom: 0.2em;
      }
      #p_library_items li h3 a {
         color: #BE0F34;
      }
      #p_library_items li .p_info {
         font-size: 12px;
         margin: 13px 0;
      }
      #p_library_items li .p_summary {
         font-size: 13px;
      }



/* JAPAN WYM BUBBLES */
p.japan_bubble_1 {
   background: transparent url('/elements/img/japan-bubble-1.jpg') no-repeat left top;
}
p.japan_bubble_2 {
   background: transparent url('/elements/img/japan-bubble-2.jpg') no-repeat left top;
}
p.japan_bubble_3 {
   background: transparent url('/elements/img/japan-bubble-3.jpg') no-repeat left top;
}
p.japan_bubble_4 {
   background: transparent url('/elements/img/japan-bubble-4.jpg') no-repeat left top;
}
p.japan_bubble_5 {
   background: transparent url('/elements/img/japan-bubble-5.jpg') no-repeat left top;
}
p.japan_bubble_6 {
   background: transparent url('/elements/img/japan-bubble-6.jpg') no-repeat left top;
}
p.japan_bubble_1,
p.japan_bubble_2,
p.japan_bubble_3,
p.japan_bubble_4,
p.japan_bubble_5,
p.japan_bubble_6 {
   float: left;
   padding: 110px 20px 0 20px;
   margin-right: 3px;
   min-width: 131px;
   width: 131px;
   min-height: 61px;
   height: 61px;
   overflow: hidden;
   text-align: center;
}
p.japan_bubble_1 a,
p.japan_bubble_2 a,
p.japan_bubble_3 a,
p.japan_bubble_4 a,
p.japan_bubble_5 a,
p.japan_bubble_6 a {
   display: inline-block;
   min-height: 25px;
   height: 25px;
   padding-right: 25px;
   background: transparent url('/elements/img/link_bg_reflection_gray.gif') no-repeat right bottom;
}

/* JAPAN WYM CIRCLES */
div.japan_circle_1 {
   background: transparent url('/elements/img/japan-circle-1.gif') no-repeat left top;
}
div.japan_circle_2 {
   background: transparent url('/elements/img/japan-circle-2.gif') no-repeat left top;
}
div.japan_circle_3 {
   background: transparent url('/elements/img/japan-circle-3.gif') no-repeat left top;
}
div.japan_circle_1,
div.japan_circle_2, 
div.japan_circle_3 {
   float: left;
   padding: 33px 17px 23px;
   width: 136px; /* 170 - (left+right padding) */
   height: 113px; /* 169 - (top+bottom padding) */
   min-height: 112px;
   max-height: 112px;
   margin-right: 5px;
}
div.japan_circle_1 div.japan_circle_container,
div.japan_circle_2 div.japan_circle_container,
div.japan_circle_3 div.japan_circle_container {
   height: 113px; /* 169 - (top+bottom padding) */
   overflow: hidden;
   text-align: center;
}
div.japan_circle_1 div h3,
div.japan_circle_2 div h3,
div.japan_circle_3 div h3 {
   margin: 0 12px 8px;
   text-align: center;
   font-size: 1.0em;
}
div.japan_circle_1 div p,
div.japan_circle_2 div p,
div.japan_circle_3 div p {
   margin: 0 0 8px;
   text-align: center;
   font-size: 1.0em;
}
div.japan_circle_1 div a,
div.japan_circle_2 div a,
div.japan_circle_3 div a {
   display: inline-block;
   text-align: center;
   min-height: 25px;
   height: 25px;
   max-height: 25px;
   line-height: 18px;
   padding-right: 25px;
   overflow: hidden;
   background: transparent url('/elements/img/link_bg_reflection_white.gif') no-repeat right bottom;
}

/* TWITTER widget overrides */
.content .twtr-widget h4 {
    font-style:normal;
}
#twtr-widget-1 .twtr-hd h3 {
    display:none !important;
}


/* Infosario Microsite Box */
div#infosario-control-box {
   width: 525px;
   padding-top: 11px;
   background: url(/elements/img/infosario/control-box-top-border.jpg) no-repeat left top; 
   font-family: Arial, sans-serif;
   font-size: 12px;
}
div#infosario-control-box div#infosario-navigation {
    width: 525px;
}
div#infosario-control-box div#infosario-description {
    padding: 10px 10px 23px 10px;
    width: 505px;
    background: url(/elements/img/infosario/default-squares.jpg) #f3f3f9 no-repeat left bottom;
}
div#infosario-control-box div#infosario-description p {
    margin: 5px 0px;
}
div#infosario-control-box div#infosario-learn-more {
    width: 167px;
    float: left;
    padding-top: 25px;
}
div#infosario-control-box div#infosario-description-content {
    width: 338px;
    float: left;
}
div#infosario-control-box a.infosario-learn-more-button {
    display: block;
    height: 0px;
    padding-top: 28px;
    overflow: hidden;
    width: 147px;
    margin: 0 auto;
}
div#infosario-control-box a#learn-more-reporting-analytics {
    background: url(/elements/img/infosario/reporting-learn.jpg) no-repeat left top;
}
div#infosario-control-box a#learn-more-data-driven {
    background: url(/elements/img/infosario/data-driven-learn.jpg) no-repeat left top;
}
div#infosario-control-box a#learn-more-data-archival {
    background: url(/elements/img/infosario/data-archival-learn.jpg) no-repeat left top;
}
div#infosario-control-box a#learn-more-systems-service {
    background: url(/elements/img/infosario/systems-learn.jpg) no-repeat left top;
}
div#infosario-control-box a.infosario-control-box-square {
    display: block;
    height: 0px;
    padding-top: 125px;
    overflow: hidden;
    width: 131px;
    float: left;
}
div#infosario-control-box a#reporting-analytics {
    background: url(/elements/img/infosario/reporting-analytics.jpg) no-repeat left top;
}
div#infosario-control-box a#data-driven-processes {
    background: url(/elements/img/infosario/data-driven-processes.jpg) no-repeat left top;
}
div#infosario-control-box a#data-archival-warehousing {
    background: url(/elements/img/infosario/data-archival-warehousing.jpg) no-repeat left top;
}
div#infosario-control-box a#systems-service {
    background: url(/elements/img/infosario/systems-service.jpg) no-repeat left top;
}
div#infosario-control-box a#reporting-analytics:hover,
div#infosario-control-box a#data-driven-processes:hover,
div#infosario-control-box a#data-archival-warehousing:hover,
div#infosario-control-box a#systems-service:hover,
div#infosario-control-box div#infosario-navigation a.active {
    background-position: left -125px;
}
div#infosario-control-box div.clearfix {
    clear: both;
    height: 0;
}


/*
    SLIDESHOW STYLES
*/

.slideshow {
    width: 525px;
    margin: 20px auto;
}
.ss_previous,
.ss_window,
.ss_next {
    display: block;
    float: left;
    height: 270px; /* TODO: .ss_tape img's 262, with 4px extra on both top and bottom */
}
.ss_previous,
.ss_window {
    margin-right: 13px; /* this spaces the previous and next buttons off the window slightly, totaling 35px (margin + width) */
}
.ss_previous,
.ss_next {
    width: 22px;
}
.ss_previous img,
.ss_next img {
    margin-top: 92px; /* TODO: the height of the link minus the height of the image, divided by 2. ((262 + 2*4) - 86)/2 */
}
.ss_window {
    width: 455px; /* TODO: the width of the content well minus the prev/next links (22) and the spacing between them (13) */
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}
.ss_tape,
.ss_left_shadow,
.ss_right_shadow {
    position: absolute;
}
.ss_tape {
    top: 4px; /* bump the tape down by 4 pixels to make it centered within the shadows on its left and right */
    left: 50px; /* TODO: for testing, position it with the first image ready. 40 pixels of visible image (not there) plus 10 pixels of spacing. */
    width: 10000px;
}
.ss_tape img {
    display: block;
    float: left;
    width: 355px; /* TODO */
    height: 262px; /* TODO */
    margin-right: 20px;
}
.ss_left_shadow,
.ss_right_shadow {
    background-repeat: repeat-y;
    width: 5px;
    top: 0;
    bottom: 0;
}
.ss_left_shadow {
    background-image: url('/elements/img/slideshow/shadow-left.png');
    left: 0;
    /* border-radius: 0 5px 5px 0; */
    border-top-right-radius: 5px 10px;
    border-bottom-right-radius: 5px 10px;
}
.ss_right_shadow {
    background-image: url('/elements/img/slideshow/shadow-right.png');
    right: 0;
    border-top-left-radius: 5px 10px;
    border-bottom-left-radius: 5px 10px;
}
.ss_description {
    clear: both;
}