@charset "utf-8";
/*
 * Styles for abstract versions of entries - as used on index pages.
 * This is separated from common.css so it can be called alone
 * from affiliate ssf impact pages.
 * 
 */

/* generic abstract summary */
#PageContent .abstract { padding: 15px 0; border-bottom: solid 1px #e8e8e8; }
#PageContent .abstract h2 { font-size: 18px; margin: 0 0 10px 0; font-family:  font-family: "Helvetica Neue",Helvetica,sans-serif; }
#PageContent .abstract h3 { font-size: 13px; padding: 0 0 3px 0; font-family:  font-family: "Helvetica Neue",Helvetica,sans-serif; }
#PageContent .abstract .img_container { display: inline-block; text-align: right; float: left; }
#PageContent .abstract .img_container img { width: 120px; height: auto; margin: 0 10px 0 0; }
#PageContent .abstract .img_container span.credit { display: block; font-size: 10px; }
#PageContent .abstract .img_container a.bc_video { display: block; position:relative; width: 120px; margin: 0 10px 0 0; }
#PageContent .feature .img_container a.bc_video { width: 155px; }
#PageContent .abstract .text_container { display: inline-block; vertical-align: top; _float: left;}
#PageContent .abstract .text_container_w { width: 350px; }
#PageContent .abstract .text_container_p { width: 450px; }
#PageContent .abstract .text_container_c { width: 520px; }
#PageContent .abstract .text_container p,
#PageContent .abstract .text_container div { font-size: 10pt; margin: 8px 0; font-family:  font-family: "Helvetica Neue",Helvetica,sans-serif; }
#PageContent .abstract .text_container ul { margin: 5px 0 10px 25px; }
#PageContent .abstract .text_container .actions { padding: 0; font-size: 11px; height: 23px;}
#PageContent .abstract .text_container .alert { clear: both; padding: 3px; font-size: 10px; margin: 0; }
#PageContent .abstract h3 a,
#PageContent .abstract h5 a,
#PageContent .abstract .text_container .actions a { color: #305cb6; padding: 1px 0; }
#PageContent .abstract h5 a.user_link,
#PageContent .abstract a.user_link { color: #fd6205 !important; font-size: 11px; }
#PageContent .abstract .actions .metric, #PageContent .abstract .actions .metric_comment { height: 23px; float: left; margin: 0 20px 0 0; font-size: 8.5pt; }
#PageContent .abstract .actions .metric { display: none; }
#PageContent .abstract .metric_comment span.btn { float:left; padding: 0 12px 0 0;}
#PageContent .abstract .metric_comment input.btn { width: 79px; height: 20px; background: transparent url(../img/buttons/comment_79x20.png) 0 0 no-repeat; color: #fd6205; border: none; cursor: pointer; }
#PageContent .abstract .metric_comment input.btn:hover { background-position: 0 -20px; }
#PageContent .abstract .metric_comment span.bubble { display: block; float: left; height: 18px; margin: 3px 0 0 1px; padding: 0 0 0 6px; background: transparent url(../img/bubble.png) 0 0 no-repeat; }
#PageContent .abstract .metric_comment button.bubble { display: block; height: 18px; line-height: 1.5em; padding: 0 3px 1px 0; background: transparent url(../img/bubble.png) right 0 no-repeat; color: #fd6205; font-size: 8pt; font-weight: bold; border: none; }

/* IE6 fix :P */
#PageContent div.gallery_row div.video a.bc_video span.bc_video_overlay_small { _top: 12px; }

/* photo essay abstracts */
#PageContent .abstract_photo_essay { border-bottom: none; padding-bottom: 0; }
#PageContent .abstract_photo_essay h2 { font-size: 19px; }
#PageContent .abstract_photo_essay h3, #PageContent .abstract_photo_essay h5 { display: inline; }
#PageContent .abstract_photo_essay .container { width: auto; height: 100%; border-top: 1px solid #ccc; margin: 10px 0 15px 0; }
#PageContent .abstract_photo_essay .widget_container { width: 180px; float: left; margin-right: -1px; border-right: 1px solid #ccc; padding: 10px 0 10px 0; }
#PageContent .abstract_photo_essay .text_container { width: 799px; float: right; padding: 0 0 6px 0; border-left: 1px solid #ccc; }
#PageContent .abstract_photo_essay .text_container p { margin: 15px 0 0 20px; font-size: 10pt !important; line-height: 1.55em; }
#PageContent .abstract_photo_essay .sharing_sml { width: 160px; margin-top: 5px; }
#PageContent .abstract_photo_essay .sharing_sml .share { width: 160px; background:none; padding:0; }
#PageContent .abstract_photo_essay .sharing_sml .tools {float: left; }
#PageContent .abstract_photo_essay .widget_container .metric { height: 28px; margin: 5px 0 5px 0; }
#PageContent .abstract_photo_essay .photo_container .photo-data { text-align: center; }
#PageContent .abstract_photo_essay .photo_container span.caption { font-size: 9pt; line-height: 1.50em; text-align: left; margin: 0 0 10px 0; }
#PageContent .abstract_photo_essay .text_container a,
#PageContent .abstract_photo_essay .photo_container .photo-data a { font-size: 10pt; }
#PageContent .abstract_photo_essay .photo_container .adv-photo-large, #PageContent .abstract_photo_essay .photo_container .adv-photo-large img { max-width: 980px; }
#PageContent #PhotoEssayContinue { height: 90px; width: 100px; padding: 10px 0 0 65px; margin: -10px 0 0 15px; line-height: 1.30em; color: #293546; font-size: 16px; font-weight: bold; background: #fff url(../img/arrow_gray_down_100x55.png) no-repeat; *margin-top:0;}

/* feature story abstracts */
#PageContent #MainColumn div.box_content .feature { padding: 5px 0; border-bottom: none; }
#PageContent #MainColumn div.box_content .feature h2 { font-size: 18px; }
#PageContent #MainColumn div.box_content .feature .text_container_w { width: 290px; }
#PageContent #MainColumn div.box_content .feature .img_container a.video { display: block; position: relative; width: 155px; }
#PageContent #MainColumn div.box_content .feature .img_container img { width: auto; max-width: 155px; max-height: 155px; border: 1px solid #fff; *width: 155px; }
#PageContent #MainColumn div.box_content .feature .actions div.check_box { margin-right: 0; }

#PageContent div.box_content { padding: 10px; background-color: #f1f1f1; font-size: 11px; }
#PageContent div.box_content h3 { display: block; padding-bottom: 8px; font-size: 13px; line-height: normal; font-family:  font-family: "Helvetica Neue",Helvetica,sans-serif; }

/* generic light gray box style */
div.box_top_right,
div.box_top_left,
div.box_bottom_left,
div.box_bottom_right { width: 7px; height: 7px; background: #f1f1f1 url(../img/corners.png) no-repeat; }
div.box_bottom_left { float: left; margin-top:-7px; background-position: 0px -7px; }
div.box_bottom_right { float: right; margin-top:-7px; background-position: -7px -7px; }
div.box_top_right { float: right; background-position: -7px 0px; }
div.box_top_left { float: left; background-position: 0px 0px; }


.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clear0 { clear: both; height: 0px; }
#PageContent #MainColumn .gray_line { border-bottom: solid 1px #e8e8e8; }