/* CSS Document */

@import url('styles-em.css');

@import url('grid.css');

@import url('tiptip.css');

@import url('section.css');

@import url('collection.css');

@import url('search.css');

@import url('calendar.css');

@import url('icons.css');

@import url('exhibitions.css');

@import url('empty.css');

@import url('datePicker.css');

@import url('smoothness/jquery-ui-1.8.11.custom.css');

/* RedDot */

/* change log ----------------------------------------- *





   May 1, 2012 - added classes to markup the admission table - M. Maloney  
   Feb 16, 2016 - a few years later... Added onboarding video modal styles - SK
   

   -----------------------------------*/





.reddot {color:red;}

.reddotbox 

{

	color:red;

	border: 1px solid red;	

}



	

#admissionTable {

	padding: 0;

	margin: 0;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #cccccc;}

	

#admissionTable td.top {

	background: #cccccc; 

	font-size: 20px;

	border-left: 1px solid #efefef; 

	border-bottom: 1px solid #ffffff;}



#admissionTable td {

	border-right: 1px solid #cccccc;

	border-bottom: 1px solid #cccccc;

	font-size: 14px;

	padding: 6px 6px 6px 12px;}



#admissionTable td.alt {

	background: #efefef; 

	font-size: 14px;	

	border-left: 1px solid #ffffff;}



#admissionTable sup {font-size: 60%;}



#admissionTable h3{

	font-size: 24px;

	padding: 0px 0px 0px 0px;	

	margin: 4px 0px 4px 0px;

	text-shadow:1px 1px 0px #efefef;}	



#admissionTable h5, #admissionTable h5 a{

	font-size: 12px;

	line-height: 13px;

	font-family:Arial, Helvetica, sans-serif;

	font-style: normal;

	font-weight: normal;

	padding: 0px 0px 0px 0px;	

	margin: 0px 0px 10px 0px;}	

	

#admissionTable h6{

	font-size: 14px;

	font-weight: normal;

	padding: 4px 0px 4px 0px;	

	margin: 0px 0px 0px 0px;

	text-shadow:1px 1px 0px #efefef}	



#admissionTable p{

	font-size: 14px;

	padding: 0px 0px 0px 0px;	

	margin: 0px 0px 0px 0px;}	

	

#admissionTable sup{

	line-height: 12px;

	padding: 0px 0px 0px 0px;	

	margin: 0px 0px 0px 0px;}	



#foundationTable li { padding-bottom:8px;margin-left:-33px;margin-right:40px; }

#foundationTable ul { list-style-type: none; }


/* Feb 2016 - Onboarding modal styles - SK */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 145; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
	background-color:#000;
	background-color:rgba(0,0,0,0.7);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 opacity */
	filter:alpha(opacity=70); /* IE opacity */ 
}

/* Modal Content */
.modal-content {
    background-color: #fff;
    margin: auto;
    border: 1px solid #888;
    width: 90%;
    height:80%;	    
}

/* The Close Button */
#close {
	margin:10px 10px 0 0;
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

#close:hover,
#close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#video{
	width:100%;
	height:100%;
}

/* Reproductions website - error message style */

.error-msg{
	font-weight:bolder;
	font-size:1.0em;
	margin-left:250px;
} 




/********** 2017 Overlay **********/
	
#overlayPopup{

	color:#ffffff;

	font-size:20px;

	height: 0;
	
	z-index:999;
	
	overflow:hidden;

}

#overlayPopup .overlay-content{
}

#overlayPopup .btn{

	-webkit-border-radius:4px;

	-moz-border-radius:4px;

	border-radius:4px;

	background:#ff0000;

	color:#ffffff;

	font-size:18px;

	padding:10px 30px;

	display:inline-block;

	margin:40px 20px 20px;

	 -webkit-transition: all 0.5s ease;

    -moz-transition:  all 0.5s ease;

    -o-transition:  all 0.5s ease;

    transition:  all 0.5s ease;

}

#overlayPopup .dateBig{

	color:#ff0000;

	font-size: 100px;

    font-weight: bold;

    font-family: Arial,sans-serif;

    line-height: 1.3em;

    margin: 30px 0;

}

#overlayPopup .btn-secondary{

	background-color:#544a4a;

}

#overlayPopup .popup-description{

	line-height:1.5em;

	font-size: 26px;

}

#overlayPopup .img-preview{

	margin: 30px auto 0 auto;

}

#overlayPopup .btn:hover{

	background-color:#ffffff;

	color:#000000;

}

#overlayPopup .overlay-wrapper{

	max-width:767px;

	margin:0 auto;

}

/* The Overlay (background) */

.overlay {

    /* Height & width depends on how you want to reveal the overlay (see JS below) */    

    height: 100%;

    width: 100%;

    position: fixed; /* Stay in place */

    z-index: 1; /* Sit on top */

    left: 0;

    top: 0;

    background-color: rgb(0,0,0); /* Black fallback color */

    background-color: rgba(0,0,0,0.85); /* Black w/opacity */

    overflow-x: hidden; /* Disable horizontal scroll */

    transition: 1.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */

}

/* Position the content inside the overlay */

.overlay-content {

    position: relative;

    top: 5%; /* 25% from the top */

    width: 100%; /* 100% width */

    text-align: center; /* Centered text/links */

    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */

}

/* The navigation links inside the overlay */

.overlay a {

    padding: 8px;

    text-decoration: none;

    font-size: 36px;

    color: #818181;

    display: block; /* Display block instead of inline */

    transition: 0.3s; /* Transition effects on hover (color) */

}

/* When you mouse over the navigation links, change their color */

.overlay a:hover, .overlay a:focus {

    color: #f1f1f1;

}

/* Position the close button (top right corner) */

.closebtn {

    position: absolute;

    top: 20px;

    right: 45px;

    font-size: 60px !important; /* Override the font-size specified earlier (36px) for all navigation links */

}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */

@media screen and (max-height: 450px) {

    .overlay a {font-size: 20px}

    .closebtn {

        font-size: 40px !important;

        top: 15px;

        right: 35px;

    }

}