
/*****************************************************************************
Shared styles
*****************************************************************************/

.previewMessageDiv {
	background-color:#660000;
	color: #fff;
	padding: 10px 15px;
	font-family:arial,sans-serif;
    margin:0 0 10px 0;
    font-weight:bold;
    line-height:25px;
}

.chrome_footer { /* these styles are to override the pin footer styles in vanilla-ice error.css */
	position: static;
	bottom: auto;
}


/*****************************************************************************
Chrome_viewport styles are to support pages that run Elliott viewport printers like group/members
*****************************************************************************/

.chrome_viewport .grid-full p,
.chrome_viewport .grid-fixed p {
	font-size:14px;
	padding:2px 0;
	margin:0;
}

.chrome_viewport .grid-full h1,
.chrome_viewport .grid-fixed h1 {
	font-size:24px;
	padding:10px 0;
	margin:0;
}

.chrome_viewport:before, 
.chrome_viewport:after { 
	content: "\0020"; 
	display: block; 
	height: 0; 
	overflow: hidden; 
	clear: both;
}

.chrome_viewport:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.chrome_viewport .grid-full,
.chrome_viewport .grid-fixed {
	zoom: 1;
	/*min-height: ;*/
	padding: 20px 0;
	background-color: #fff;
}

.chrome_viewport .grid-full {
    /* full width by default */
}

.chrome_viewport .grid-fixed {
    width: 932px; /* thats what maddowblog is; for simplicity making them all the same */
    margin: 0 auto;
}
@media only screen and (max-width: 931px) {
	.chrome_viewport .grid-fixed {
	    width: 100%;
	}
}

.chrome_viewport .layout-container.grid-3col {
    /* full width by default */
}

.chrome_viewport .layout-container.grid-2col {
	width: 632px;
	float: left;
}
.chrome_viewport .layout-container.grid-1col {
	width: 300px;
	float: left;
}

@media only screen and (max-width: 931px) {
	.chrome_viewport .layout-container.grid-1col {
	}
	.chrome_viewport div.layout-container.grid-1col.sidebar {
		width: 100%;
		margin-bottom: 0 !important; /* todo fix the topper chrome css file! */
	}
	.chrome_viewport .layout-container.grid-2col {
		width: 100%;
		margin:  ;
	}
	.chrome_viewport .layout-container.grid-3col {
		margin: 10px 20px;
	}
}

.chrome_viewport .viewport-layout:before,
.chrome_viewport .viewport-layout:after { 
	content: "\0020"; 
	display: block; 
	height: 0; 
	overflow: hidden;
	clear: both;
}

.chrome_viewport .viewport-layout { 
	zoom: 1; 
}


.chrome_viewport .layout-container.grid-3col {
	clear:both;
}



/*****************************************************************************
Evergreen
*****************************************************************************/

.toggle_evergreen {
	position:absolute;
	right:10px;
}



/** abuse report styles **/
.c-abuse-report {margin:20px 0;}
.c-abuse-report .c-table tr {height:35px; }
.c-abuse-report .c-table td {padding-right:20px;border-top: 1px solid #aaa;}



/***** slideshows ***/
.slideshow .clear{clear:both;}
.slideshow{font-family:Arial, sans-serif; margin-top:10px !important;}
.slideshow h1 {text-align:left; margin-left:5px; padding-bottom:5px;}
.slideshow a:link, .slideshow a:visited, .slideshow a:hover{color:#525252; text-decoration:none;font-size:18px; border-bottom:0;}
.slideshow h1 .photo_icon {background:url('http://assets2c.nbcnews.com/rendering/img/story-chrome.gif'); background-position:-569px -125px; width:21px; height:20px; position:relative; display:inline-block; top:2px; padding-right:5px;}
.slideshow a img{ margin:0 auto;border:1px solid #aaa; padding:3px;}
.slideshow a {border-bottom:0;}
.slideshow h4 {font-size:13px; text-align:left;}
.slideshow p{color:#525252; font-weight:normal; font-size:12px!important;}
.slideshow .slideshow_callout.no_caption {width:auto; float:left; border-left:0;}
.slideshow .slideshow_callout {display:inline-block; width:90px; border-left: 1px solid #999;margin:5px 7px 0 0; height:auto;}
.slideshow .slideshow_callout .click_icon{background: url('http://assets2c.nbcnews.com/rendering/img/story-chrome.gif'); background-position:-700px -125px; width:21px; height:20px; position:relative; display:block; float:left; top:-3px; padding-right:5px;}
.slideshow .slideshow_callout p {padding: 0 0 0 5px; line-height:15px;}
.slideshow .slideshow_callout p a:link, .slideshow .slideshow_callout p a:visited, .slideshow .slideshow_callout p a:hover{font-size:12px; text-decoration:underline; color:#346799; font-weight:bold;}
.slideshow .photo_credit{margin-right:7px;}
.slideshow .photo_title, .slideshow .photo_credit_container {margin-left:7px;float:left;}
.slideshow .photo_credit_container, .slideshow .photo_title {width:500px;}
body.tier2 .postBody .photo_align_block.slideshow .photo_credit_container, body.tier2 .postBody .photo_align_block.slideshow .photo_title {width:405px;}
body.tier2 .postBody .photo_align_block.slideshow .slideshow_title {margin-left:16px; display:block;}
body.tier2 .postBody .photo_align_block.slideshow .photo_title, body.tier2 .postBody .photo_align_block.slideshow .photo_credit_container {margin-left:20px;display:block;}
body.tier2 .postBody .photo_align_block.slideshow .photo_credit, body.tier2 .postBody .photo_align_block.slideshow .slideshow_callout {margin-right:23px;}
body.tier2 .postBody .photo_align_block.slideshow .slideshow_callout.no_caption {margin-left:15px;}
.photo_align_left.slideshow .slideshow_title h1 a, .photo_align_right.slideshow h1 a {font-size:15px;}
.photo_align_left.slideshow .photo_credit_container, .photo_align_right.slideshow .photo_credit_container{width:auto; padding-bottom:10px;}
.photo_align_left.slideshow .slideshow_callout, .photo_align_right.slideshow .slideshow_callout {float:none; width:auto; border-left:0;clear:both;}

/** styles for O and O header **/
#oandoBanner .oandoBanner {   
	width: 100%;
	margin: 0 auto;
    z-index: 1;
    background-color: #152B45;
    height: 40px;
}

#oandoBanner a.oandoLinks,
 a.oandoLinks:visited{
	text-decoration: none;
     color: #ABC;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-0-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	width: 1012px;
	display: block;
	margin: 0 auto;
}
#oandoBanner a.oandoLinks:hover {
	color: #EEE;
}
#oandoBanner .return-text {
    text-transform: uppercase;
    font-size: 11px;
    margin-right: 7px;
    display:inline-block;
    padding-left: 7px;    
}
#oandoBanner .return-logo {
    background: url(http://media4.s-nbcnews.com/i/MSNBC/Components/Prompt/nbcnews_iframe_OandO_headers/oANDo_sprite_02.png) no-repeat scroll;
	display: inline-block;
	height: 20px;
	width: 215px;
	margin-top: 8px;
}
#oandoBanner .return-logo.nbcnewyork  { background-position: 0 -33px;}
#oandoBanner .return-logo.nbcbayarea { background-position: 0 -65px;}
#oandoBanner .return-logo.nbcchicago { background-position: 0 -96px;}
#oandoBanner .return-logo.nbcconneticut { background-position: 0 -126px;}
#oandoBanner .return-logo.nbcdfw { background-position: 0 -156px;}
#oandoBanner .return-logo.nbcwashington { background-position: 0 -186px;}
#oandoBanner .return-logo.nbcphiladelphia { background-position: 0 -217px;}
#oandoBanner .return-logo.nbcsandiego { background-position: 0 -247px;}
#oandoBanner .return-logo.nbclosangeles { background-position: 0 -277px;}
#oandoBanner .return-logo.nbcmiami { background-position: 0 -306px;}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {     
    #oandoBanner .return-logo{
    	background: url(http://media4.s-nbcnews.com/i/MSNBC/Components/Prompt/nbcnews_iframe_OandO_headers/oANDo_sprite_02@2x.png) no-repeat;
    	background-size: 213px ;
	}
}

.j_zinger2_menu.c-zinger .c-z-target .c-avatar {position: relative; top:3px;}
.j_zinger2_facebook .c-facebook button{font-size:12px; cursor:pointer;}
.j_zinger2_menu.c-zinger p,
.j_zinger2_menu.c-zinger .c-form-val {font-size:12px; padding:0;}
.j_zinger2_menu.c-zinger .c-logged-in.c-menu p {padding:2px 0;}
#network .j_zinger2_menu.c-zinger a.c-target {color:#fff;}
#network .j_zinger2_menu.c-zinger a {color:#354D7D;}
#network .j_zinger2_zinger a:hover {color:#349acc;}
.j_zinger2_menu .c-button {background-color:#354D7D;}
.j_zinger2_menu .c-button:hover {background-color:#349acc;}
.j_zinger2_menu.c-zinger .c-form-val {margin-bottom:5px;}

