/*

Reset
--------------------------------------------------------------------------------
Based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

:focus {
  outline: 0;
}

body {
  line-height: 1;
  color: #000;
  background: #fff;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}


/*

Elements
--------------------------------------------------------------------------------

*/

body {
  background-color: #fff;
  color: #ffe02d;
  font: 14px/1.38em "helvetica neue", arial, sans-serif;
}



a.image-caption {
    display:none !important;
}

.image-caption-bg {
    display:none
    !important;
}


a {
    color: #ffe02d;
    text-decoration: none;
}


a:hover  {
 color: #ffe02d;
 text-decoration: underline;
}





/*----Top navigation----*/


#top-nav {
  margin: 8px auto 0px;
  font-family: "helvetica neue", arial, sans-serif;
  font-size: 12px;
}


#top-nav .text-larger {
  font-size: 14px;
  margin-left: 2px;
}

#top-nav .items {
  color: #000;
  margin-left: 0px;
  margin-right: 30px;
}

#top-nav .text {
  float: left;
  margin: 0px 6px 0px 560px;
  position: relative;
}

#top-nav .contrast {
  float: left;
  margin-left: 0px;
  margin-right: 7px;
  position: relative;
}


.text-larger a,
.items a,
.text a,
.contrastaccess a,
#contrastToggle {
color: #000;
}


a:hover #contrastToggle  {
color: #000 !important;
text-decoration: underline;
}


/*
Headers and Subsections
--------------------------------------------------------------------------------
*/

.headerInterior {
/*margin-bottom: -5px;
  margin-top: -15px;*/
  background-color:#6D6E72;
}







/*
Floats
--------------------------------------------------------------------------------
*/

.right {
float: right;
margin: -25px 10px 0px 0px;
}


a.right {
color: #23a4dd;
margin-top: -36px;
}


a.right: hover {
text-decoration: underline;
}



/*----Navigation-----*/

.meetNav {
background-color: #FFE02D;
background-image: none;
color: #000;
font-family: "helvetica neue", arial, sans-serif;
height: 17px;
list-style-type: none;
padding: 10px 0px 9px;
width: 980px;
}

.meetNav a {
color: #000 !important;
}



.meetNav .first {
position: relative;
float: left;
margin: 0px 67px 0px 60px;
}

.meetNav li {
float: left;
margin-right: 67px;
margin-top: 1px;
position: relative;
}

.meetNav #perspectives {
background-color: #ffe02d;
float: left;
height: 25px;
margin-right: 55px;
margin-top: -10px;
padding-top: 12px;
padding-left: 11px;
padding-right: 11px;
position: relative;
}


.meetNav #practice {
background-color: #ffe02d;
float: left;
height: 25px;
margin-right: 55px;
margin-top: -10px;
padding-top: 12px;
padding-left: 11px;
padding-right: 11px;
position: relative;
}

.meetNav #modules  {
background-color: #ffe02d;
float: left;
height: 25px;
margin-right: 55px;
margin-top: -10px;
padding-top: 12px;
padding-left: 11px;
padding-right: 11px;
position: relative;
}


.meetNav #artwork {
background-color: #ffe02d;
float: left;
height: 25px;
margin-right: 55px;
margin-top: -10px;
padding-top: 12px;
padding-left: 11px;
padding-right: 11px;
position: relative;
}

.meetNav #resources {
background-color: #ffe02d;
float: left;
height: 25px;
margin-right: 55px;
margin-top: -10px;
padding-top: 12px;
padding-left: 11px;
padding-right: 11px;
position: relative;
}

.meetNav #help {
background-color: #ffe02d;
float: left;
height: 25px;
margin-right: 55px;
margin-top: -10px;
padding-top: 12px;
padding-left: 11px;
padding-right: 11px;
position: relative;
}



.meetNav .last {
float: left;
margin-right: 62px;
}


.meetNav a {
color: #ffe02d;
}


/*
MeetMe Containers
--------------------------------------------------------------------------------
*/


.container {
  border-right: 1px #000 solid;
  border-left: 1px #000 solid;
  border-bottom:1px solid #000000;
  width: 980px;
  margin: 0px auto 0px;
  text-align: left;

}

.contentContainer {
  background-color: #f1f1f1;

  margin: 12px 12px 0px;
}

.perspectivesContainer {
  border-top: 12px solid #000;
  border-left: none;
  margin: 0px 0px 10px;
  background-image: none;
}


.practiceContainer {
  background-color: #000;
  border-top: 12px solid #000;
  border-left: none;
  margin: 0px;
  background-image: none;
}

.modulesContainer {
  background-color: #000;
  border-top: 12px solid #000;
  margin: 0px 0px 10px;
  background-image: none;
}


.artworkContainer {
  background-color: #000;
  border-top: 12px solid #000;
  border-left: none;
  margin: 0px 0px 10px;
  background-image: none;
}


.resourcesContainer {
  background-color: #000;
  border-top: 12px solid #000;
  border-left: none;
  margin: 0px 0px 10px;
  background-image: none;
}


.helpContainer {
  background-color: #000;
  border-top: 12px solid #000;
  border-left: none;
  margin: 0px 0px 10px;
  background-image: none;
}


.container {
  width: 980px;
  margin: 0px auto 0px;
  text-align: left;
  background-color: #000;
}

.contentContainer {
  background-color: #000;
  padding: 0px;

}



.contentContainer .leftCallouts{
 border: 1px solid #ffe029;
 float: left;
 margin: 11px;
 position: relative;

}


.contentContainer .rightCallouts {
 border: 1px solid #ffe029;
 float: left;
 margin: 11px 0px 11px 0px;
 position: relative;
}


.grayBackground {
 background-color: #000 !important;
 margin: 0px 11px 0px;
 padding-top: 5px;
}

/*----Homepage Styles----*/

.titleVideoHome {
 background-color: #000;
 background-image: url(https://www.moma.org/images/meetme/meetme-title-contrast.png);
 background-repeat: no-repeat;
 height: 336px;
 text-indent: -9999px;
 width: 980px;
}



.pinkCallout {
background-color: #000;
color: #ffe02d;
float: left;
height: 220px;
padding: 14px 27px 0px 23px;
width: 173px;
/*width: 410px;*/
}


.goldCallout {
background-color: #000;
color: #ffe02d;
float: left;
height: 220px;
padding: 14px 27px 0px 23px;
width: 173px;
}


.greenCallout {
background-color: #000;
color: #ffe02d;
float: left;
height: 220px;
padding: 14px 27px 0px 23px;
width: 184px;
}


.blueCallout {
background-color: #000;
color: #ffe02d;
float: left;
height: 219px;
padding: 14px 27px 0px 23px;
width: 184px;
}



.blueCallout h2,
.greenCallout h2,
.goldCallout h2,
.pinkCallout h2 {
display: block;
/*float: right;*/
font-size: 24px !important;
line-height: 31px !important;
margin-bottom: 70px;
}



.blueCallout a,
.greenCallout a,
.goldCallout a,
.pinkCallout a {
color: #ffe02d  !important;
}


.blueCallout a:hover,
.greenCallout a:hover,
.goldCallout a:hover,
.pinkCallout a:hover {
text-decoration: underline;
}



.wideBox {
background-color: #000;
color: #ffe02d;
border: 1px #FFE02D solid;
margin: 10px 12px 8px 12px;
position: relative;
width: 930px;
}


.wideBox p {
margin: 20px 17px 16px;
}


.wideBox .head {
font-size: 18px;
margin: 20px 0px 16px 14px;
height: 20px;
}

.head a {
color: #ffe02d  !important;
text-decoration: none;
}


.wideBox h3 {
display: block;
float: left;
margin: 24px 83px 0px 28px;
/*margin: 24px 83px 0px 28px;*/
position: relative;
}


.wideBox .artThumbs {
float: right;
margin: 24px 11px 12px 0px;
position: relative;
}

.wideBoxModuleArtworks {
background-color: #000;
border: none;
width: 930px;
margin: 10px 12px 8px 12px;
}

.wideBox .moduleDetail {
border: 1px #e8e8e8 solid;
margin: 0px 5px 12px;
}


.moduleDetail img {
font-size: 12px;
float: left;
margin: 21px 23px 0px 11px;
text-align: center;
}

.moduleDetail .description {
float: left;
position: relative;
margin: 30px 64px  53px 0px;
width: 544px;
}

.description ul {
list-style: disc;
margin: 15px 0px 0px 15px;
width: 432px;
}

.description ul li {
color: #949599;
margin-bottom: 20px;
}

.description a {
color: #0099db;
display: block;
float: right;
margin-top: 53px;
text-decoration: none;
}



.activityBox {
border: 1px #ffe02d solid;
background-color: 000;
margin: 12px 5px 12px 12px;
position: relative;
width: 931px;
}

.activityBox h3 {
font-size: 18px;
font-weight: bold;
margin: 30px 0px 0px 28px;
}


.activityBox .moduleOverview {
float: left;
padding: 28px 45px 38px 28px;
position: relative;
/*width: 860px;*/
}



.wideBox .download {
float: left;
margin: 28px 30px 0px 0px !important;
position: relative;
}



.smallBox {
background-color: #fff;
border: 1px #e8e8e8 solid;
font-size: 14px;
margin: 0px 0px 5px 12px;
padding: 10px;
width: 603px;
}

.smallBox a {
color: #009eda;
}


.smallBox h2 {
font-size: 16px;
margin: 0px 0px 20px;
}


.smallBox h3 {
font-size: 15px;
margin: 0px 0px 2px;
}

.smallBox .download {
font-size: 12px;
}


.smallBox .headline {
font-size: 16px;
margin: 30px 0px 11px;
}


.smallBox p {
margin-bottom: 24px;
}



.moduleBox {
background-color: #fff;
border: 1px #e8e8e8 solid;
font-size: 14px;
margin: 0px 0px 5px 12px;
padding: 10px;
width: 603px;
}

.moduleBox a {
color: #FFE02D !important;
font-size: 12px;
}


.download a,
.downloadBottom a,
.nextButton a,
.right a,
.smallBox a,
.artDetail a,
.pagination a,
#sort a {
color: #0099db !important;
text-decoration: none !important;
}



.description a:hover,
.download a:hover,
.downloadBottom a:hover,
.moduleBox a:hover,
.right a: hover,
.nextBottom a:hover,
.smallBox a:hover,
.artDetail a:hover,
.pagination a:hover,
#sort a:hover {
color: #009eda;
text-decoration: underline;
}

.moduleBox h2 {
color: #FFE02D;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
margin: 3px 0px 0px;
}

.moduleBox h3 {
margin: 0px 0px 0px;
}

.moduleBox h3 a{
font-size: 18px;
}


.moduleBox p {
margin: 0px 0px 10px;
}

.moduleBox .art {
margin-bottom: 8px;
}


.downloadBottom {
float: left;
margin: 0px 0px 0px 5px;
}

.nextBottom {
float: right;
margin: 0x 50px 0px 5px;
}


#artWorkTitle {
background-image: url(https://www.moma.org/stylesheets/images/meetme/meetme-play.gif);
background-repeat: no-repeat;
background-position: top right;
margin: auto 0px;
text-align: center;
}


.artLeft {
background-color: #f1f1f1;
border: 1px #d4d4d5 solid;
float: left;
margin-left: 10px;
margin-right: 10px;
padding: 10px;
position: relative;
width: 427px;
}

.artRight {
background-color: #f1f1f1;
border: 1px #d4d4d5 solid;
float: right;
margin-right: 10px;
padding: 10px;
position: relative;
width: 427px;
}

.artImage {
float: left;
position: relative;
}


.artDetail {
background-color: #fff;
border: 1px #e0e1e2 solid;
float: left;
margin-left: 8px;
padding: 14px;
position: relative;
width: 192px;
}


#sort {
float: right;
margin: -30px 5px 0px 0px;
position: relative;
}


#sort li {
border-right: 1px #7b7c7f solid;
float: left;
padding: 0px 7px 0px 4px;
position: relative;
}


#sort .borderless {
border-right: none;
float: left;
}

.pagination {
float: right;
display: block;
margin-right: 4px;
position: relative;
}

.pagination li {
border-right: 1px #7b7c7f solid;
float: left;
margin-top: 12px;
/*margin: 12px 7px 0px 0px;*/
padding: 0px 7px 0px 4px;
position: relative;
}

.pagination .borderless {
border-right: none;
float: left;
}

.pagination #last {
border-right;

}


.videoHome {
position: absolute;
margin-top: 12px;
margin-left: 550px;
}


.practiceList ul {
list-style-type: circle;
margin: 20px 20px 12px 35px;
}

.practiceList ul li {
margin-bottom: 8px;
}


.exampleBox {
background-color: #f0f7fd;
border-top: 1px #dedede solid;
border-bottom: 1px #dedede solid;
margin: 20px 0px 0px -18px;
padding: 0px 18px 40px;
width: 699px;
}

.exampleBox h2 {
font-size: 16px;
margin: 20px 0px 10px;
}

.exampleBox h3 {
font-size: 14px;
margin: 20px 0px 10px;
}

h5 {
color: #4A4B4D;
font-size: 14px;
font-weight: bold;
margin-top: 20px;
}




/*
Sidebars Meet Me --------------------------------------
*/

.leftSide {
width: 622px;
float: left;
}



.leftBox {
background-color: #000;
border: 1px solid #FFE02D;
margin: 0px 0px 12px 12px;
padding: 0px 12px;
width: 596px;
}

.rightSide {
float: right;
width: 312px;
/*width: 294px;*/
}


.rightBox {
background-color: #000;
border: 1px solid #FFE02D;
float: right;
margin: 0px 12px 12px 0px;
padding: 0px 8px 12px;
width: 280px;
/*margin: 0px 12px 12px 0px;
padding: 0px 12px 16px;
width: 270px;*/
}


.rightBox a {
color: #0b9edd;
margin-left: 4px;
text-decoration: none;
}

.rightBox a:hover {
color: #0b9edd;
text-decoration: underline;
}

.rightBox p {
font-size: 14px;
margin: 18px 0px 0px !important;
}

/*.rightBox p a {
color: #E1184C;
text-decoration: none;
}

.rightBox p a:hover {
color: #E1184C;
text-decoration: underline;
}
*/

.rightBox .artInfo {
color: #414143;
font-size: 13px;
margin-top: 12px;
text-align: center;
}


.rightBox ul {
margin: 30px 0px 0px 20px;
}

.rightBox li {
margin-bottom: 22px;
width: 150px;
}

.rightBox li a {
color: #E1184C;
text-decoration: none;
}


.rightBox li a:hover {
color: #E1184C;
text-decoration: underline;
}

.pinkBox  {
background-color: #000;
color: #FFE02D;
font-size: 24px;
line-height: 28px;
padding: 25px 0px 28px 22px;
}

.pinkBox p {
font-size: 16px;
margin-top: 30px;
}

.mail a{
color: #4a4b4d;
text-decoration: none;
}

.mail a:hover{
color: #4a4b4d;
text-decoration: underline;
}


.title{
background-color: #000 !important;
color: #FFE02D;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 13px;
font-weight: bold;
margin: 8px 0px 16px;
padding: 6px;
}


/*----Content Boxes----*/

.smallBox {
background-color: #000;
border: 1px #FFE02D solid;
font-size: 14px;
margin: 0px 0px 5px 12px;
padding: 10px;
width: 603px;
}

.smallBox a {
color: #FFE02D;
}


.rightBoxPink,
.rightBoxBlue,
.rightBoxOrange,
.rightBoxBurnt {
border: 1px solid #FFE02D;
float: right;
margin: 0px 12px 12px 0px;
padding: 0px 8px 12px;
width: 280px;
color: #FFE02D;
font-size: 24px;
line-height: 28px;
}

.rightBoxPink p,
.rightBoxBlue p,
.rightBoxOrange p,
.rightBoxBurnt p {
margin: 18px 0 18px 18px;
}

.rightBoxPink a,
.rightBoxBlue a,
.rightBoxOrange a,
.rightBoxBurnt a {
font-size: 16px;
color: #FFE02D;
margin-top: 30px;
text-decoration: underline;
}

.rightBoxPink a:hover,
.rightBoxBlue a:hover,
.rightBoxOrange a:hover,
.rightBoxBurnt a:hover {
color: #FFE02D !important;
text-decoration: underline;
}

.rightBoxPink {
background-color: #000;
}

.rightBoxBlue {
background-color: #000;
}

.rightBoxOrange {
background-color: #000;
}

.rightBoxBurnt {
background-color: #000;
}


.smallBox h2 {
color: #FFE02D;
font-size: 16px;
margin: 0px 0px 20px;
}


.smallBox h3 {
color: #FFE02D;
font-size: 15px;
margin: 0px 0px 2px;
}

.smallBox .download {
font-size: 12px;
}


.smallBox .headline {
font-size: 16px;
margin: 12px 0px 11px;
}


.smallBox p {
margin-bottom: 24px;
}



.moduleBox {
background-color: #000;
border: 1px #FFE02D solid;
font-size: 14px;
margin: 0px 0px 5px 12px;
padding: 10px;
width: 603px;
}

.moduleBox a {
color: #009eda;
font-size: 12px;
}


.download a,
.downloadBottom a,
.nextButton a,
.right a,
.rightBox a,
.smallBox a,
.artDetail a,
.pagination a,
#sort a {
color: #FFE02D !important;
text-decoration: none !important;
}



.description a:hover,
.download a:hover,
.downloadBottom a:hover,
.moduleBox a:hover,
.right a:hover,
.rightBox a:hover,
.nextBottom a:hover,
.smallBox a:hover,
.artDetail a:hover,
.pagination a:hover,
#sort a:hover {
color: #FFE02D !important;
text-decoration: underline !important;
}

.moduleBox h2 {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
margin: 3px 0px 0px;
}

.moduleBox h3 {
margin: 0px 0px 0px;
}

.moduleBox h3 a{
font-size: 18px;
}


.moduleBox p {
margin: 0px 0px 10px;
}

.moduleBox .art {
margin-bottom: 8px;
}


.downloadBottom {
float: left;
margin: 0px 0px 0px 5px;
}

.nextBottom {
float: right;
margin: 0x 50px 0px 5px;
}


#artWorkTitle {
background-image: url(https://www.moma.org/stylesheets/images/meetme/meetme-play.gif);
background-repeat: no-repeat;
background-position: top right;
margin: auto 0px;
text-align: center;
}


.artLeft {
background-color: #f1f1f1;
border: 1px #d4d4d5 solid;
float: left;
margin-left: 10px;
margin-right: 10px;
padding: 10px;
position: relative;
width: 427px;
}

.artRight {
background-color: #f1f1f1;
border: 1px #d4d4d5 solid;
float: right;
margin-right: 10px;
padding: 10px;
position: relative;
width: 427px;
}

.artImage {
float: left;
position: relative;
}

.artDetail {
background-color: #fff;
border: 1px #e0e1e2 solid;
float: right;
margin-left: 8px;
/* Testing for new artwork spacing */
/* padding: 14px 0px 14px 14px;*/
/* padding: 14px; */
position: relative;
/* width: 192px; */
/* Testing for new artwork spacing */
height: 155px;
width: 213px;
}



/*

Index - calendar widget restyling
--------------------------------------------------------------------------------

*/

#calendarSide {
  background: #000 !important;
  border: 1px #FFE02D solid !important;
  width: 608px !important;
}

#calendarSide .tab {
background: #000 !important;
  height: inherit !important;
}

#calendarSide p.title {
  float: none !important;
  width: 400px !important;
}

#calendarSide .description a {
  border-bottom: none !important;
  color: #FFE02D !important;
  float: none !important;
  margin-top:0px !important;
}


.day {
  background-color: #000 !important;
  background-image: none !important;
  color: #ffe029 !important;
  width:596px !important;
}

#calendarSide .title {
  background-color:#000 !important;
  color: #FFE02D;
}


#calendarSide .full a {
color:#FFE02D !important;
}


#calendarSide .category {
color:#ffe02d;
font-size:10px;
line-height:14px;
margin:0;
margin-bottom:-10px;
text-transform:uppercase;
}



/*

sIFR
--------------------------------------------------------------------------------

*/

h1.sIFR-replaced {
  float: left;
  margin-left: 32px;
  top: 0px;

  /* left: 3px; */
}


h2.sIFR-replaced {
margin: 21px 0px 25px 15px;
position: relative;
}


#module.sIFR-replaced {
margin: 21px 0px 25px 15px;
position: relative;
}

h3.sIFR-replaced {
margin: 21px 0px 25px 15px;
position: relative;

}

h4.sIFR-replaced {
font-size: 12px;
margin-bottom: 8px;
margin-left: -35px;
}



h2 .sIFR-flash {
	visibility: visible !important;
	margin: 0;
    width: 900px !important;
}

h4 .sIFR-flash {
	visibility: visible !important;
	margin: 0;
    width: 700px !important;
}



/*

Footer
--------------------------------------------------------------------------------

*/

#footer, #subfooter {
  font-size: 12px;

}

#footer {
  background-color: #fff !important;
  margin: 6px 0px 0px 180px;
  width: 990px
}

#footer .line {
color: #d8d8d8;
position: relative;
width: 50px;
}

#footer .links {
  line-height: 14px;
  margin-left: -20px;
  width: 990px;
}

#footer .rightLinks {
float: right;
left: 73px;
margin: -23px 0px 0px 0px;
position: relative;
}



#footerMeet input {
  color: #666;
}


/*



/*

Perspectives - multimedia widget restyling
--------------------------------------------------------------------------------

*/

.black-wrapper {
  background-color:#F1F1F1 !important;
  margin-top: 8px !important;
  /*padding-left:0 !important;*/
}

#large-player .black-wrapper {
  height:308px !important;
  margin-top: 0px !important;
  padding:0px 14px 8px 0px !important;
}

#player-wrapper {
  padding:10px !important;
}

#player-wrapper h1.custom-title-medium, #player-wrapper #medium-more {
  display: none !important;
}

#player-wrapper #playlist {
  background: none;
  border-top: 0px;
  margin-top: 0px;
}

#player-wrapper .playlist-tabs a {
  display: none !important;
}

#packages ol {
  width:298px !important;
}

#player-medium .info {
  padding: 0px !important;
}

#playlist .controls .disabled {
  opacity: 0.25 !important;
}

#playlist .controls a {
  opacity: 0.75 !important;
}


h1.custom-title-large {
background: none !important;
padding-top:0px !important;
display: none !important;
}

#more {
display: none !important;
}


#player-large {
width:666px !important;
}

#player-large .info {
width:276px !important;
}

#playlist .playlist-tabs {
display: none !important;
}

#playlist .tab {
height:100% !important;
}

/*#playlist .tab {
height:316px !important;
}*/

#playlist .scrollable {
height:266px !important;
}

/*#player-large .JS_MediaPlayerLarge #playlist div.selected {
width:248px !important;
margin-right:4px !important;
}*/

.JS_Widget {
padding-top:0px !important;
}

#playlist li a {
color:#DEDEDE !important;
}

.info p a {
display:none !important;
}

/*
Tabbed Content - styling changes from global.css
--------------------------------------------------------------------------------

*/

#tabbed-content {
  background-color: #000;
  border: none !important;
  /* background: none; */
  padding: 0px;
  position: relative;
  margin: 10px 0px 0px 12px;
}

#tabbed-content h2 {
color: #FFE02D;
font-size: 18px;
/*text-transform: uppercase;*/
}

#tabbed-content h3 {
font-size: 16px;
font-weight: bold;
}

#tabbed-content h4 {
font-size: 14px;
font-style: italic;
}

#tabbed-content ol {
list-style-type: decimal;
margin: 25px 0px 0px 43px;
}

#tabbed-content .module-image {
  margin-top: 9px;
}

#tabbed-content .module-text {
  width: 644px;
  margin-left: 10px;
}

#tabbed-content .module-text ul {
  margin:18px !important;
  /*padding-top: 4px;
  padding-bottom: 12px;
  padding-left: 12px;*/
}

#tabbed-content .module-text ul li {
  list-style-position: inside;
  list-style-type: circle;
}


#tabbed-content .pane ul li {
  list-style-position: inside;
  list-style-type: circle;
}

/*ol li {
color: #9c9da1;
}
*/

#tabbed-content .holder {
  margin-left: 0px;
  margin-bottom: 20px;
  background:transparent url(https://www.moma.org/images/common/tabbed-content-border.png) repeat-y scroll 196px 0;
  background-color: #000;
}

#tabbed-content .tabs {
  width: 197px;
}

#tabbed-content .tabs a {
  color: #FFE02D !important;
}

#tabbed-content .tabs a:hover {
  background-color: #000;
  color: #FFE02D;

}
#tabbed-content .selected {
 background-color: #000 !important;
 display: block !important;
}

#tabbed-content a.selected {
  color: #FFE02D !important;
  border-right: 1px solid #fff;
  background-color: #000;
}

.selected ul {
  margin: 25px 0px 20px 27px;
}

.selected ul li {
  margin-bottom: 10px;
}


#tabbed-content .pane {
  background-color: #000 !important;
  padding: 6px 17px 13px;
  width: 700px;
}

#tabbed-content.horizontal {
  border: none !important;
  margin: 0px !important;
}

#tabbed-content.horizontal .tabs {
  float: right !important;
  border: none !important;
}

#tabbed-content.horizontal .holder {
  margin: 0px !important;
  /*background-color: #F1F1F1 !important;*/
  background-image: none !important;
  background-color: #000 !important;
}

#tabbed-content.horizontal .tabs a {
  height: 100px !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
}

#tabbed-content.horizontal .tabs a img {
  margin-top: -6px !important;
  border: 4px solid #fff !important;
}

/*#tabbed-content.horizontal .tabs a:hover {
  background-color: #333 !important;
}*/

#tabbed-content.horizontal a.selected {
 /*background-color: #999 !important;*/
 display: block !important;
}

#tabbed-content.horizontal .tabs a:hover img {
 border: 4px solid #888888 !important;
}

#tabbed-content.horizontal a.selected img {
 border: 4px solid #666666 !important;
}

#tabbed-content.horizontal .pane {
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
}