@import url("/DesktopModules/BB_ArticleMax/resources/styles/styles.css");
@import url("/Portals/0/skins/Buildings/old_styles/fontmaster.css");

/* IMAGE SLIDESHOW CAPTION */
.bb_articlemax_template_imagecaption a{word-wrap: break-word;}

.bb_articlemax_template_imagecaption 
{ 
    color: #494844; 
    background-color: #eae8df;
    font-size: 11px; 
    border-bottom: 1px solid #adaca9; 
    height: 20px; 
    margin-top: -2px;
    margin: 0;
    padding-right: 6px;
}
.bb_articlemax_template_imagecaption h3 { display: none; }

/* ARTICLE MAIN */
.bb_articlemax_detail_standard_returnlink { line-height: 30px; }
.bb_articlemax_detail_standard_issue { display: none; }
.bb_articlemax_detail_standard_date 
{
    color: #605f59;
    font-size: 12px;
    font-style: italic;
}

.bb_articlemax_detail_standard_title
{
    color: #000000; /* #ae1418; */
    font-size: 23px;
    font-weight: bold;
    margin: 0 0 8px 0;
    padding-bottom: 8px;
    border-bottom: solid 1px #b5b4a1;
}

.bb_articlemax_detail_standard_hr
{
    color: #b5b4a1;
    background-color: #b5b4a1;
    border: none;
    width: 100%;
}

.bb_articlemax_detail_standard_subtitle
{
    font-size: 12px;
    font-weight: bold;
}

.bb_articlemax_detail_standard_author, .bb_articlemax_detail_standard_contributors, .bb_articlemax_detail_standard_article
{
    color: #605f59;
    font-size: 12px;
}

.bb_articlemax_detail_standard_article p { margin: 0 0 1.2em 0; }

.bb_articlemax_detail_standard_article ul { margin: 10px 20px; }
.bb_articlemax_detail_standard_article ul li { color: #605f59; padding-bottom: 5px; }


.bb_articlemax_detail_standard_description { display: none; }

.bb_articlemax_detail_standard_sidebar
{
    border: solid 1px #adaca9;
    width: 300px;
    float: right !important;
    display: inline;
    padding: 10px;
    margin: 0 10px 10px 10px;
}

.bb_articlemax_detail_standard_sidebar ul li {margin: 5px 30px;}

.bb_articlemax_detail_standard_article_imagecontainer
{
    text-align:center;
}


/* CALLOUTS */
.css_callout_sidebar
{
    border: solid 1px #adaca9;
    width: 300px;
    float: right !important;
    display: inline;
    padding: 10px;
    margin: 10px 10px 10px 10px;
}
.css_callout_sidebar ol, .css_callout_sidebar ul {margin-left:30px;}


.css_callout_html, .css_callout_relatedArticle, .css_callout_relatedFiles, .css_callout_image
{ 
    color: #000000;
    font-size: 12px;
    border-top: solid 2px #ae1418;
    border-bottom: solid 1px #deded9;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height:18px;
}

.css_callout_html a, .css_callout_relatedArticle a, .css_callout_relatedFiles a, .css_callout_image a
{
color: blue;
font-size: 12px;
text-decoration:none;
}

.css_callout_html h2, .css_callout_relatedArticle h2, 
.css_callout_relatedFiles h2, .css_callout_image h2 
{ 
    color: #464646; 
    font-size: 17px;
    font-weight: bold;
    border-bottom: solid 1px #deded9;
    padding: 5px 0 5px 0;
    margin: 0 0 10px 0;
}

.css_callout_html { width: 150px; }
.css_callout_relatedArticle { width: 150px; }
.css_callout_relatedFiles { width: 150px; }
.css_callout_image { width: 150px; }    

.css_callout_relatedArticle ul, .css_callout_relatedFiles ul  
{ 
    list-style-image:url('/DesktopModules/BB_ArticleMax/ArticleDetail/Templates/Images/bullet_buildings.gif');
    margin-top: 0;
    margin-bottom: 0;  
    padding-left: 15px;
    _padding-left: 0; 
    _margin-left: 15px; 
}
.css_callout_relatedArticle li, .css_callout_relatedFiles li, .css_callout_relatedArticle li a, .css_callout_relatedFiles li a
{
    color: #000000;
    font-size: 12px;
}

#callout_style_1, #callout_style_3
{
    float: left;
    margin-right: 20px; 
}

#callout_style_2, #callout_style_4
{
    float: right;
    margin-left: 20px; 
}

#bb_articlemax_template_standard p span { font-size: 12px; margin-top: 10px; }
#bb_articlemax_template_standard p { margin-top: 10px; }

#bb_articlemax_template_standard #pnlEmail
{
    border: 1px solid #cacaca;
    background:#eaebf1;
}

/* COMMENTS */
.bb_articlemax_detail_comment_top_hr 
{     
    color: #ae1418;
    background-color: #ae1418;
    border: none;
    width: 100%;
    height: 2px;
}

.comment_button 
{ 
    font-size:10px;
    color:White; font-weight:bold; text-transform:uppercase; 
    padding: 2px 3px 3px 3px; font-family:Arial; border: solid 1px #85090c;
    background:url('/DesktopModules/BB_ArticleMax/ArticleDetail/controls/images/btn_red_bg.jpg') repeat-x; cursor:pointer;
}

.comment_button:link
{ 
    font-size:10px;
    color:White; font-weight:bold; text-transform:uppercase; 
}
.comment_button:hover
{ 
    text-decoration: none;
    color:White;
}

.comment_header
{
    color: #464646;
    font-size: 17px;
    font-weight: bold;
    width: 300px;
    float: left;
}

.comment_tab_container {
    border-top: solid 1px #deded9;
    margin-top: 20px;
}
.comment_tab_button
{
    background:url('/DesktopModules/BB_ArticleMax/ArticleDetail/controls/images/buildings_comment_tab.gif') no-repeat; 
    cursor:pointer;
    height: 22px;
    width: 168px;
    text-align: center;
    padding-top: 3px;
}
.comment_tab_button a:link
{
    color: #ae1418;
    font-size: 11px;
    margin-top: 5px;
}

.comment_form
{
    width: 80%;
}

.comment_form th
{
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}

.comment_alert, .comment_alert span
{
    color: Red;
    font-weight: bold;
}

.comment_errors { color: Red; width: 50%; }
.comment_errors span { color: Red; font-weight: normal; }
.comment_errors li { list-style-type: disc; }

.comment_half { width: 100%; }
.comment_full { width: 100%; }

.comment_headline { color: #ae1418; font-size: 12px; font-weight: bold; }
.comment_author { color: #000000; font-size: 11px; font-weight: bold; }


#bb_articlemax_template_standard p span.p
{
    color: green;
    cursor: default;
    text-decoration:underline;
    border-bottom: double 1px green;
}
* html #bb_articlemax_template_standard p span.p
{
    color: green;
    cursor: default;
    text-decoration:underline;
    border-bottom: double 1px green;
}

/* ================ NEW YORK METRO ARTICLES ================= */


#nyMetroLogo {	
	float:right;
	margin-left:10px;
}

/* ================ END -- NEW YORK METRO ARTICLES ================= */

/*============= Styles for GALLERY articles =================================*/

.galleryContainer {
	width:100%;
	position:relative;
}


.galleryImageFrame {
	width:99%;
	position:relative;
	overflow:hidden;
	border:1px solid #c5c5c5;
	background-color:#c5c5c5;
	text-align:center;
}

.galleryImageFrame img {
	width:auto;
	height:auto;
	max-height:400px;
	min-height:400px;
}

.galleryNextPrevContainer {
width:100%;
height:84px;
background-color:transparent;
position:absolute;
top:158px;
left:0;
}

.galleryNextPrevContainer a {
display:block;
width:42px;
height:84px;
background-color:transparent;
background-image:url(/portals/1/skins/buildings/images/nextPrevBtns.png);	
}


a.galleryPrevBtn {
background-position:left top;
float:left;
}

a.galleryPrevBtn:hover {
background-position:left -84px;
}

a.galleryNextBtn {
background-position:-42px top;
float:right;
}

a.galleryNextBtn:hover {
background-position:-42px -84px;
}

	
.galleryArticle {
	width:99%;
	position:relative;	
}


.galleryArticleCopy {
	
}

/*============= END -- Styles for GALLERY articles =================================*/


@media only screen and (max-width: 599px) and (min-width: 200px) {

.css_callout_sidebar, #callout_style_1, #callout_style_3, #callout_style_2, #callout_style_0 {
	margin: 5px;
	width:100%;
	max-width:320px;
}
.bb_articlemax_detail_standard_sidebar {
	margin: 5px;
	width:100%;
	max-width:599px;
}
}