/*
 * This stylesheet is used to hide / show / re-arrange elements on the page when printing
 */

/* ==================================================== *
* HIDE FOLLOWING ELEMENTS IN SHOPPING CART CONFIRMATION *
* LEEDAN STYLIN'                                        *
*=======================================================*/
div#search-form,
div#header div#allblogs-search-form,
div#header div#blog-search-form,
div#header-topbar,
ul#primary-navigation,
div.navigation-list,
div.footer-box-container {
	display: none !important;	
}

div#header-content {
	width: 988px;
	/* padding-bottom: 30px; */
}

div#footer {
	background: none !important;
}

#header-topbar
{
    visibility: hidden;
    display: none !important;
}

#primary-navigation
{
    visibility: hidden !important;
}

/*
.form-container
{
    visibility: hidden;
    display: none !important;
}
*/

#breadcrumb {
	visibility: hidden;
    display: none !important;
} 

.print-not-for-display
{
    visibility: hidden;
    display: none !important;
}

#footer
{
   visibility: hidden;
   display: none !important; 
}

.button
{
    visibility: hidden;
    display: none !important;
}

.narrow-column
{
    visibility: hidden;
    display: none !important;
}

div.art-object div.narrow-column {
	visibility: visible;
	display: block !important;
}

span#narrow-column-mma
{
    visibility: hidden;
    display: none !important; 
}



.progress-indicator
{
    visibility: hidden;
    display: none !important;
}

#my-met
{
    visibility: hidden;
    display: none !important;
}

.my-met-header-box { visibility: hidden; display: none !important; }

div.print_header
{
    display: block !important;
}

/* end dan's styles */

body {
	background: white;
	font-size: 12pt;
	line-height: 3pt !important;
}

.print-content {
	display: block !important;
	font-size: 0.7em;
}

/* line-height overrides */
#content .members-holder {
	line-height: 16pt !important;
}

div.homepage-column div.header a span {
	line-height: 1.2em;
}

/* margin overrides */
.twocolumns .list-title,
div.events-calendar div.date,
div.collections.l1 h1 {
	margin: 0 !important;
}

/* headers */

div.visit h1 {
	font-size: 3.4em;
}

/* form stuff */
input {
	border: 1px solid #262626 !important;
}

input.submit {
	border: none !important;
	color: #262626 !important;
}

#sidebar .form-container .row {
	clear: left;
}

div.exhibitions div.general-content div.tab-content div.media-player {
	float: left !important;
	clear: left !important;
}

#sidebar .form-container .text {
	float: left !important;
	clear: left;
}

div.exhibitions div.general-content div.tab-content, div.exhibitions div.general-content div.tab-content a {
	color: #262626;
	background: none;
}

#wrapper,
#main-container {
	width: auto;
	border: 0;
	margin: 0 1%;
	padding: 0;
	float: none !important;
	color: #262626; 
	background: transparent;
}

div#header #logo,
div#header #logo-text,
div#header div#my-met,
div#header div#search-form,
div#header div#allblogs-search-form,
div#header div#blog-search-form,
div#header ul#primary-navigation,
div#header div#header-content div.clear,
div#header div#header-topbar,
div#header div#breadcrumb,
div.panel div.area,
div.my-met-container div.main-container div.bar,
div.sidebar,
div#footer,
div#landing-feature div.large-form,
div#landing-feature img,
div#landing-feature div.landing,
div.museum-map-features,
div.itinerary-footer,
div.tour-header,
div.itinerary div.promo-box {
	display:none !important;
}

div#header #print-logo {
	position:static;
	left:auto;
	width:auto;
	float:none;
}

div#header-content {
	position:static;
	display:block;
	width:100%;
	background: none;
}

div#header-content div#logo-container {
	margin:0 0 3% 0;
	padding:0 0 3% 0;
	border-bottom: 1px solid #AF9F7D;
	width:100%;
	display:block;
}

/* itinerary styles */

div.itinerary-print span.order-number {
	float: left;
	margin-right: 10px;
	display: inline;
}
div.itinerary-print h2.header {
	font-size: 0em;
	border-top: 1px solid #000000;
	padding-top: 20px;
	margin-top: 30px;
    margin-bottom: 25px !important;
    padding-bottom: 0px;
	padding-left: 0px;
}

div.itinerary-print h2.headermaps {
	border-top: 1px solid #000000;
	padding-top: 20px;
	margin-top: 30px;
    margin-left: 20px;
    margin-bottom: 25px !important;
    padding-bottom: 0px;
	padding-left: 0px;
	font-family: arial;
	font-weight: bold;
	font-size: 1.2em;
}

div.itinerary-print h2.subheadermaps {
	font-family: arial;
	font-weight: bold;
	font-size: 1.2em;
	padding-top: 0px;
	margin-top: 30px;
    margin-left: 0px;
    margin-bottom: 25px !important;
    padding-bottom: 0px;
	padding-left: 0px;
}

div.itinerary-print h2.mapsTitle {
	font-family: arial;
	font-weight: bold;
	font-size: 1em;
	padding-top: 0px;
	margin-top: 30px;
    margin-left: 0px;
    margin-bottom: 25px !important;
    padding-bottom: 0px;
	padding-left: 0px;
}

.gallerylnk {
    font-family:arial, sans-serif normal;
    font-size:19px;
}

/* tab styles */

div.half-column ul.tabs, ul.tabs.landing,
.visit .top-container ul.tabs.landing, ul.tabs {
	display: none;
}

h2.hidden-header {
	font-family: arial;
	display: block !important;
	left: 0;
    position: static;
    width: auto;
	clear: left;
}

div.events-container h2.hidden-header {
	margin: 10px 0 0 15px;
	font-weight: bold;
	font-size: 1.2em;
}

/* end tab styles */

/* link styles */

div.button a {
	text-decoration: underline;
}

/* end link styles */

/* layout styles */

div#content-container {
	padding-left: 0;
	padding-top: 13px;
	clear: left;
}

div#content {
	padding: 0;
}

div.half-column {
	width: 100%;
}

div.navigation-list {
	display: none !important;
}

div.blog-content,
div.art-object div.pager ul.navigation
{
	float: left;
}

div.collections.a-z div.content-container {
	display: block;
}

div.content-container.cleared:after {
	display: none !important;
}

div.search-results-container {
	margin-top: 50px;
	float: left;
	clear: left;
	width: 100%;
}

div.blog-recent-stories-container div.blog-recent-container {
	width: 100%;
	margin: 0 !important;
	clear: left;
	float: none;
}

div.blog-narrow-column {
	float: right;
}

div.page-main-header {
	width: 854px;
}

div.page-main-header div.events-calendar {
	width: 535px;
}

div.page-main-header div.pagination-container {
	float: left;
}

div.general-content.galleries {
	width: 988px;
}

div.gallery-container div.gallery-info {
	display: none;
}

div.gallery-container div.gallery-info.visible {
	display: block;
}

/*landing page styles */
div#slideshow {
	display: none;
}

div.collections.l1 p.browse-highlights {
	bottom: 0;
}

div.landing-content,
div#landing-feature h1 {
	position: static !important;
	background: none !important;
	color:#262626 !important;
	float: left;
	margin-top: 0px !important;
}

div#landing-feature h1.hide-content {
	width: auto;
}

div.landing-content h1 img,
div#landing-feature img.main-feature {
	display: none;
}


div.landing-content.exhibitions h1:before{
	content: 'Exhibitions';
} 

body.homepage div#header:after {
	content: 'The Metropolitan Museum of Art - Homepage';
}

div.middle-container li.content-box {
	width: 255px !important;
}

div.landing, div#pager {
	display: none;
}

div#header div#my-met {
	display: none;
}

div.top-container div.panel {
	border-bottom: 1px solid #AF9F7D;
	padding-left: 0px;
}

div#sidebar {
	width: 95%;
	clear: left;
	background: none !important;
	border-top: 1px solid #AF9F7D;
	margin-top: 20px;
	float: left;
}

#sidebar .join-box {
/*	float: left;
	clear: left;
	width: 100%;*/
}

#sidebar .events-box {
	float: none;
	clear: left;
}

div#sidebar div.admission-box {
	min-height: 0;
}

div#sidebar * {
	background: none !important;
}


div#content, #content .twocolumns {
	width: 100%;
	float: left;
}

div.twocolumns div.column {
	width: 48%;
}

.twocolumns .column.image .align-left {
	margin-bottom: 16px;
}

div.twocolumns div.column p {
	/*float: left;*/
	clear: left;
	margin-left: 0px !important;
	width: 100%;
}

div#content div.twocolumns h2 {
/*	border-bottom: 1px solid #AF9F7D;*/
	padding-bottom: 1em;
/*	margin-bottom: 1em;*/
}

p.view-all-link a {
	font-size: 0.9em;
}

/* event styles */
div.calendar-column {
	width: 100%;
}

div.calendar-column div.date,
div.events-calendar div.events-calendar span.calendar-month, div.calendar-column span.calendar-month {
	width: auto;
}

div.date div {
	margin-top: 10px;
}

div.calendar-container ul {
	float: left;
	margin-left: 100px;
}

div.calendar-container ul li {
	width: auto;
}

/* general content page additions */
div.gallery-disclosure {
	margin-bottom: 16px;
}

div.exhibitions.l3 div.narrow-column {
	float: right !important;
}

div.exhibition-artworks div.continuous-slider {
	width: 483px !important;
}

/* met media print */

.media-container div.nav-container {
	display: none;
}

div.media-container div.sidebar {
	display: block !important;
	clear: left;
	float: left;
	margin-top: 50px;
	border-top: 1px solid #262626;
}

div.media-container div.central-container {
	margin-top: 20px;
	float: left;
	clear: none;
}

.central-container .content .news-block .col {
	width: 95%;
}

.central-container .content .news-block .news-list .time {
	float: left;
}

div.tour-stops-container {
	margin-bottom: 7px !important;
}

.dark-header {
	background-color: transparent !important;
	color: #262626 !important;
}

div.map-popover a.activate {
	display: none !important;
}

/* print footer */

div#footer-print {
	border-top: 1px solid #AF9F7D;
    clear: left;
    float: left;
    margin-bottom: 50px;
    padding-top: 15px;
    width: 100%;
}

div#footer-print h2 {
	font-family: arial;
	margin: 0px 0px 15px 20px;
	font-weight: bold;
	font-size: 1.2em;
}

div#footer-print div.museum-information-footer {
	background-color: #EFEFEF;
	padding: 20px;
	float: left
}

div#footer-print div.museum-information-footer div.info-column {
	width: 45%;
	float: left;
	margin-right: 5%;
}

div#footer-print div.museum-information-footer div.info-column ul {
	margin-bottom: 25px;
}

div#footer-print div.museum-information-footer div.info-column ul li span.day{
	width: 165px;
	float: left;
}

/* IE7 fixes */

div.secondary-sections {
	width: 95%;
	clear: left;
}

div.events-listing ul h2, div.events-listing ul p,
div.secondary-sections div.article-promo,
div.secondary-sections div.article-promo.quarter-width {
	clear: left;
/*	float: left;*/
	width: 95%;
}

div#sidebar div.form-container {
	position: static;
}

div#main-container {
	float: left;
	width: 100%;
	clear: left;
}

ul.membership-categories .amount {
	font-size: 1.2em !important;
}