body { font-family: Times New Roman; font-size: 15px; line-height: 100%; margin: 0; color: #333; } fieldset { border: 0; padding: 0; margin: 0; } body { font-family: Times New Roman; font-size: 15px; line-height: 100%; margin: 0; color: #333; } ul { margin: 0; padding: 0; } fieldset { border: 0; padding: 0; margin: 0; } /*-----------------------------Stacking 2---------------------------*/ @keyframes stacking2first { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(-114px, 0); -moz-transform: translate(-114px, 0); -ms-transform: translate(-114px, 0); -o-transform: translate(-114px, 0); transform: translate(-114px, 0); } } @-moz-keyframes stacking2first { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(-114px, 0); -moz-transform: translate(-114px, 0); -ms-transform: translate(-114px, 0); -o-transform: translate(-114px, 0); transform: translate(-114px, 0); } } @-webkit-keyframes stacking2first { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(-114px, 0); -moz-transform: translate(-114px, 0); -ms-transform: translate(-114px, 0); -o-transform: translate(-114px, 0); transform: translate(-114px, 0); } } @keyframes stacking2second { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(114px, 30px); -moz-transform: translate(114px, 30px); -ms-transform: translate(114px, 30px); -o-transform: translate(114px, 30px); transform: translate(114px, 30px); } } @-moz-keyframes stacking2second { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(114px, 30px); -moz-transform: translate(114px, 30px); -ms-transform: translate(114px, 30px); -o-transform: translate(114px, 30px); transform: translate(114px, 30px); } } @-webkit-keyframes stacking2second { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(114px, 30px); -moz-transform: translate(114px, 30px); -ms-transform: translate(114px, 30px); -o-transform: translate(114px, 30px); transform: translate(114px, 30px); } } /*------------------------*/ @keyframes stacked2first { from { -webkit-transform: translate(-114px, 0px); -moz-transform: translate(-114px, 0px); -ms-transform: translate(-114px, 0px); -o-transform: translate(-114px, 0px); transform: translate(-114px, 0px); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-moz-keyframes stacked2first { from { -webkit-transform: translate(-114px, 0px); -moz-transform: translate(-114px, 0px); -ms-transform: translate(-114px, 0px); -o-transform: translate(-114px, 0px); transform: translate(-114px, 0px); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-webkit-keyframes stacked2first { from { -webkit-transform: translate(-114px, 0px); -moz-transform: translate(-114px, 0px); -ms-transform: translate(-114px, 0px); -o-transform: translate(-114px, 0px); transform: translate(-114px, 0px); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes stacked2second { from { -webkit-transform: translate(114px, 30px); -moz-transform: translate(114px, 30px); -ms-transform: translate(114px, 30px); -o-transform: translate(114px, 30px); transform: translate(114px, 30px); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-moz-keyframes stacked2second { from { -webkit-transform: translate(114px, 30px); -moz-transform: translate(114px, 30px); -ms-transform: translate(114px, 30px); -o-transform: translate(114px, 30px); transform: translate(114px, 30px); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-webkit-keyframes stacked2second { from { -webkit-transform: translate(114px, 30px); -moz-transform: translate(114px, 30px); -ms-transform: translate(114px, 30px); -o-transform: translate(114px, 30px); transform: translate(114px, 30px); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } /*-----------------------------Stacking 2---------------------------*/ /*-----------------------------Stacking 3---------------------------*/ @keyframes stacking3first { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(-225px, -30px); -moz-transform: translate(-225px, -30px); -ms-transform: translate(-225px, -30px); -o-transform: translate(-225px, -30px); transform: translate(-225px, -30px); } } @-moz-keyframes stacking3first { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(-225px, -30px); -moz-transform: translate(-225px, -30px); -ms-transform: translate(-225px, -30px); -o-transform: translate(-225px, -30px); transform: translate(-225px, -30px); } } @-webkit-keyframes stacking3first { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(-225px, -30px); -moz-transform: translate(-225px, -30px); -ms-transform: translate(-225px, -30px); -o-transform: translate(-225px, -30px); transform: translate(-225px, -30px); } } @keyframes stacking3third { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(225px, 30px); -moz-transform: translate(225px, 30px); -ms-transform: translate(225px, 30px); -o-transform: translate(225px, 30px); transform: translate(225px, 30px); } } @-moz-keyframes stacking3third { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(225px, 30px); -moz-transform: translate(225px, 30px); -ms-transform: translate(225px, 30px); -o-transform: translate(225px, 30px); transform: translate(225px, 30px); } } @-webkit-keyframes stacking3third { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(225px, 30px); -moz-transform: translate(225px, 30px); -ms-transform: translate(225px, 30px); -o-transform: translate(225px, 30px); transform: translate(225px, 30px); } } /*------------------------------------------*/ @keyframes stacked3first { from { -webkit-transform: translate(-225px, -30px); -moz-transform: translate(-225px, -30px); -ms-transform: translate(-225px, -30px); -o-transform: translate(-225px, -30px); transform: translate(-225px, -30px); } to { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @-moz-keyframes stacked3first { from { -webkit-transform: translate(-225px, -30px); -moz-transform: translate(-225px, -30px); -ms-transform: translate(-225px, -30px); -o-transform: translate(-225px, -30px); transform: translate(-225px, -30px); } to { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes stacked3first { from { -webkit-transform: translate(-225px, -30px); -moz-transform: translate(-225px, -30px); -ms-transform: translate(-225px, -30px); -o-transform: translate(-225px, -30px); transform: translate(-225px, -30px); } to { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes stacked3third { from { -webkit-transform: translate(225px, 30px); -moz-transform: translate(225px, 30px); -ms-transform: translate(225px, 30px); -o-transform: translate(225px, 30px); transform: translate(225px, 30px); } to { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @-moz-keyframes stacked3third { from { -webkit-transform: translate(225px, 30px); -moz-transform: translate(225px, 30px); -ms-transform: translate(225px, 30px); -o-transform: translate(225px, 30px); transform: translate(225px, 30px); } to { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes stacked3third { from { -webkit-transform: translate(225px, 30px); -moz-transform: translate(225px, 30px); -ms-transform: translate(225px, 30px); -o-transform: translate(225px, 30px); transform: translate(225px, 30px); } to { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } /*-----------------------------Stacking 3---------------------------*/ /*-----------------------------Stacking 4---------------------------*/ @keyframes stacking4first { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(-340px, -60px); -moz-transform: translate(-340px, -60px); -ms-transform: translate(-340px, -60px); -o-transform: translate(-340px, -60px); transform: translate(-340px, -60px); } } @-moz-keyframes stacking4first { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(-340px, -60px); -moz-transform: translate(-340px, -60px); -ms-transform: translate(-340px, -60px); -o-transform: translate(-340px, -60px); transform: translate(-340px, -60px); } } @-webkit-keyframes stacking4first { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(-340px, -60px); -moz-transform: translate(-340px, -60px); -ms-transform: translate(-340px, -60px); -o-transform: translate(-340px, -60px); transform: translate(-340px, -60px); } } @keyframes stacking4second { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(-114px, -30px); -moz-transform: translate(-114px, -30px); -ms-transform: translate(-114px, -30px); -o-transform: translate(-114px, -30px); transform: translate(-114px, -30px); } } @-moz-keyframes stacking4second { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(-114px, -30px); -moz-transform: translate(-114px, -30px); -ms-transform: translate(-114px, -30px); -o-transform: translate(-114px, -30px); transform: translate(-114px, -30px); } } @-webkit-keyframes stacking4second { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(-114px, -30px); -moz-transform: translate(-114px, -30px); -ms-transform: translate(-114px, -30px); -o-transform: translate(-114px, -30px); transform: translate(-114px, -30px); } } @keyframes stacking4third { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(114px, 0px); -moz-transform: translate(114px, 0px); -ms-transform: translate(114px, 0px); -o-transform: translate(114px, 0px); transform: translate(114px, 0px); } } @-moz-keyframes stacking4third { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(114px, 0px); -moz-transform: translate(114px, 0px); -ms-transform: translate(114px, 0px); -o-transform: translate(114px, 0px); transform: translate(114px, 0px); } } @-webkit-keyframes stacking4third { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(114px, 0px); -moz-transform: translate(114px, 0px); -ms-transform: translate(114px, 0px); -o-transform: translate(114px, 0px); transform: translate(114px, 0px); } } @keyframes stacking4fourth { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(340px, 30px); -moz-transform: translate(340px, 30px); -ms-transform: translate(340px, 30px); -o-transform: translate(340px, 30px); transform: translate(340px, 30px); } } @-moz-keyframes stacking4fourth { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(340px, 30px); -moz-transform: translate(340px, 30px); -ms-transform: translate(340px, 30px); -o-transform: translate(340px, 30px); transform: translate(340px, 30px); } } @-webkit-keyframes stacking4fourth { from { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(340px, 30px); -moz-transform: translate(340px, 30px); -ms-transform: translate(340px, 30px); -o-transform: translate(340px, 30px); transform: translate(340px, 30px); } } @keyframes stacked4first { from { -webkit-transform: translate(-340px, -60px); -moz-transform: translate(-340px, -60px); -ms-transform: translate(-340px, -60px); -o-transform: translate(-340px, -60px); transform: translate(-340px, -60px); } to { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @-moz-keyframes stacked4first { from { -webkit-transform: translate(-340px, -60px); -moz-transform: translate(-340px, -60px); -ms-transform: translate(-340px, -60px); -o-transform: translate(-340px, -60px); transform: translate(-340px, -60px); } to { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes stacked4first { from { -webkit-transform: translate(-340px, -60px); -moz-transform: translate(-340px, -60px); -ms-transform: translate(-340px, -60px); -o-transform: translate(-340px, -60px); transform: translate(-340px, -60px); } to { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes stacked4second { from { -webkit-transform: translate(-114px, -30px); -moz-transform: translate(-114px, -30px); -ms-transform: translate(-114px, -30px); -o-transform: translate(-114px, -30px); transform: translate(-114px, -30px); } to { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @-moz-keyframes stacked4second { from { -webkit-transform: translate(-114px, -30px); -moz-transform: translate(-114px, -30px); -ms-transform: translate(-114px, -30px); -o-transform: translate(-114px, -30px); transform: translate(-114px, -30px); } to { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes stacked4second { from { -webkit-transform: translate(-114px, -30px); -moz-transform: translate(-114px, -30px); -ms-transform: translate(-114px, -30px); -o-transform: translate(-114px, -30px); transform: translate(-114px, -30px); } to { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes stacked4third { from { -webkit-transform: translate(114px, 0px); -moz-transform: translate(114px, 0px); -ms-transform: translate(114px, 0px); -o-transform: translate(114px, 0px); transform: translate(114px, 0px); } to { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @-moz-keyframes stacked4third { from { -webkit-transform: translate(114px, 0px); -moz-transform: translate(114px, 0px); -ms-transform: translate(114px, 0px); -o-transform: translate(114px, 0px); transform: translate(114px, 0px); } to { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes stacked4third { from { -webkit-transform: translate(114px, 0px); -moz-transform: translate(114px, 0px); -ms-transform: translate(114px, 0px); -o-transform: translate(114px, 0px); transform: translate(114px, 0px); } to { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes stacked4fourth { from { -webkit-transform: translate(340px, 30px); -moz-transform: translate(340px, 30px); -ms-transform: translate(340px, 30px); -o-transform: translate(340px, 30px); transform: translate(340px, 30px); } to { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @-moz-keyframes stacked4fourth { from { -webkit-transform: translate(340px, 30px); -moz-transform: translate(340px, 30px); -ms-transform: translate(340px, 30px); -o-transform: translate(340px, 30px); transform: translate(340px, 30px); } to { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes stacked4fourth { from { -webkit-transform: translate(340px, 30px); -moz-transform: translate(340px, 30px); -ms-transform: translate(340px, 30px); -o-transform: translate(340px, 30px); transform: translate(340px, 30px); } to { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } /*-----------------------------Stacking 4---------------------------*/ /*-----------------------------First Item---------------------------*/ @keyframes first2item { from { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } to { -webkit-transform: translate(114px, 0px); -moz-transform: translate(114px, 0px); -ms-transform: translate(114px, 0px); -o-transform: translate(114px, 0px); transform: translate(114px, 0px); } } @-moz-keyframes first2item { from { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } to { -webkit-transform: translate(114px, 0px); -moz-transform: translate(114px, 0px); -ms-transform: translate(114px, 0px); -o-transform: translate(114px, 0px); transform: translate(114px, 0px); } } @-webkit-keyframes first2item { from { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } to { -webkit-transform: translate(114px, 0px); -moz-transform: translate(114px, 0px); -ms-transform: translate(114px, 0px); -o-transform: translate(114px, 0px); transform: translate(114px, 0px); } } @keyframes first2itemed { from { -webkit-transform: translate(114px, 0px); -moz-transform: translate(114px, 0px); -ms-transform: translate(114px, 0px); -o-transform: translate(114px, 0px); transform: translate(114px, 0px); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-moz-keyframes first2itemed { from { -webkit-transform: translate(114px, 0px); -moz-transform: translate(114px, 0px); -ms-transform: translate(114px, 0px); -o-transform: translate(114px, 0px); transform: translate(114px, 0px); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-webkit-keyframes first2itemed { from { -webkit-transform: translate(114px, 0px); -moz-transform: translate(114px, 0px); -ms-transform: translate(114px, 0px); -o-transform: translate(114px, 0px); transform: translate(114px, 0px); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes first3item { from { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } to { -webkit-transform: translate(224px, 0px); -moz-transform: translate(224px, 0px); -ms-transform: translate(224px, 0px); -o-transform: translate(224px, 0px); transform: translate(224px, 0px); } } @-moz-keyframes first3item { from { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } to { -webkit-transform: translate(224px, 0px); -moz-transform: translate(224px, 0px); -ms-transform: translate(224px, 0px); -o-transform: translate(224px, 0px); transform: translate(224px, 0px); } } @-webkit-keyframes first3item { from { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } to { -webkit-transform: translate(224px, 0px); -moz-transform: translate(224px, 0px); -ms-transform: translate(224px, 0px); -o-transform: translate(224px, 0px); transform: translate(224px, 0px); } } @keyframes first3itemed { from { -webkit-transform: translate(224px, 0px); -moz-transform: translate(224px, 0px); -ms-transform: translate(224px, 0px); -o-transform: translate(224px, 0px); transform: translate(224px, 0px); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-moz-keyframes first3itemed { from { -webkit-transform: translate(224px, 0px); -moz-transform: translate(224px, 0px); -ms-transform: translate(224px, 0px); -o-transform: translate(224px, 0px); transform: translate(224px, 0px); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-webkit-keyframes first3itemed { from { -webkit-transform: translate(224px, 0px); -moz-transform: translate(224px, 0px); -ms-transform: translate(224px, 0px); -o-transform: translate(224px, 0px); transform: translate(224px, 0px); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } /*-----------------------------First Item---------------------------*/ /*-----------------------------Last Item---------------------------*/ @keyframes last2item { from { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } to { -webkit-transform: translate(-114px, 0px); -moz-transform: translate(-114px, 0px); -ms-transform: translate(-114px, 0px); -o-transform: translate(-114px, 0px); transform: translate(-114px, 0px); } } @-moz-keyframes last2item { from { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } to { -webkit-transform: translate(-114px, 0px); -moz-transform: translate(-114px, 0px); -ms-transform: translate(-114px, 0px); -o-transform: translate(-114px, 0px); transform: translate(-114px, 0px); } } @-webkit-keyframes last2item { from { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } to { -webkit-transform: translate(-114px, 0px); -moz-transform: translate(-114px, 0px); -ms-transform: translate(-114px, 0px); -o-transform: translate(-114px, 0px); transform: translate(-114px, 0px); } } @keyframes last2itemed { from { -webkit-transform: translate(-114px, 0px); -moz-transform: translate(-114px, 0px); -ms-transform: translate(-114px, 0px); -o-transform: translate(-114px, 0px); transform: translate(-114px, 0px); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-moz-keyframes last2itemed { from { -webkit-transform: translate(-114px, 0px); -moz-transform: translate(-114px, 0px); -ms-transform: translate(-114px, 0px); -o-transform: translate(-114px, 0px); transform: translate(-114px, 0px); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-webkit-keyframes last2itemed { from { -webkit-transform: translate(-114px, 0px); -moz-transform: translate(-114px, 0px); -ms-transform: translate(-114px, 0px); -o-transform: translate(-114px, 0px); transform: translate(-114px, 0px); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes last3item { from { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } to { -webkit-transform: translate(-224px, 0px); -moz-transform: translate(-224px, 0px); -ms-transform: translate(-224px, 0px); -o-transform: translate(-224px, 0px); transform: translate(-224px, 0px); } } @-moz-keyframes last3item { from { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } to { -webkit-transform: translate(-224px, 0px); -moz-transform: translate(-224px, 0px); -ms-transform: translate(-224px, 0px); -o-transform: translate(-224px, 0px); transform: translate(-224px, 0px); } } @-webkit-keyframes last3item { from { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } to { -webkit-transform: translate(-224px, 0px); -moz-transform: translate(-224px, 0px); -ms-transform: translate(-224px, 0px); -o-transform: translate(-224px, 0px); transform: translate(-224px, 0px); } } @keyframes last3itemed { from { -webkit-transform: translate(-224px, 0px); -moz-transform: translate(-224px, 0px); -ms-transform: translate(-224px, 0px); -o-transform: translate(-224px, 0px); transform: translate(-224px, 0px); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-moz-keyframes last3itemed { from { -webkit-transform: translate(-224px, 0px); -moz-transform: translate(-224px, 0px); -ms-transform: translate(-224px, 0px); -o-transform: translate(-224px, 0px); transform: translate(-224px, 0px); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-webkit-keyframes last3itemed { from { -webkit-transform: translate(-224px, 0px); -moz-transform: translate(-224px, 0px); -ms-transform: translate(-224px, 0px); -o-transform: translate(-224px, 0px); transform: translate(-224px, 0px); } to { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } /*-----------------------------Last Item---------------------------*/ html { background: url("../images/cloud-bg.jpg") no-repeat scroll 50% 105px transparent; } body { } .bottom-container { margin-top: -135px; position: relative; } .wrapper { width: 1123px; margin: 0 auto; } .sub_wrapper, #container-cms { margin: 0 auto; width: 960px; } #nlblogo-cms { } h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; } .page-title { font-size: 40px; } .title { font-size: 18px; margin: 0 0 20px; } .title-normal { font-size: 18px; font-weight: normal; margin: 0 0 20px; letter-spacing: -1px; } .title-sec { font-size: 14px; font-weight: normal; margin: 0 0 20px; letter-spacing: -1px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .title-underline { padding-bottom: 10px; border-bottom: 1px solid #91908f; margin-bottom: 20px; } .img-title, .img-title-alt { font-weight: normal; font-size: 14px; padding: 8px 0 8px 40px; letter-spacing: -1px; } .img-title.cat-1, .cat-1.img-title-alt { background: url("../images/ico-round-small-cat-1.png") no-repeat scroll left top transparent; } .img-title.cat-2, .cat-2.img-title-alt { background: url("../images/ico-round-small-cat-2.png") no-repeat scroll left top transparent; } .img-title.cat-3, .cat-3.img-title-alt { background: url("../images/ico-round-small-cat-3.png") no-repeat scroll left top transparent; } .img-title.cat-4, .cat-4.img-title-alt { background: url("../images/ico-round-small-cat-4.png") no-repeat scroll left top transparent; } .img-title.cat-5, .cat-5.img-title-alt { background: url("../images/ico-round-small-cat-5.png") no-repeat scroll left top transparent; } .img-title.cat-6, .cat-6.img-title-alt { background: url("../images/ico-round-small-cat-6.png") no-repeat scroll left top transparent; } .img-title.cat-7, .cat-7.img-title-alt { background: url("../images/ico-round-small-cat-7.png") no-repeat scroll left top transparent; } .img-title.cat-8, .cat-8.img-title-alt { background: url("../images/ico-round-small-cat-8.png") no-repeat scroll left top transparent; } .img-title.cat-9, .cat-9.img-title-alt { background: url("../images/ico-round-small-cat-9.png") no-repeat scroll left top transparent; } .img-title.cat-10, .cat-10.img-title-alt { background: url("../images/ico-round-small-cat-10.png") no-repeat scroll left top transparent; } .img-title.cat-11, .cat-11.img-title-alt { background: url("../images/ico-round-small-cat-11.png") no-repeat scroll left top transparent; } .img-title.cat-12, .cat-12.img-title-alt { background: url("../images/ico-round-small-cat-12.png") no-repeat scroll left top transparent; } .img-title.cat-13, .cat-13.img-title-alt { background: url("../images/ico-round-small-cat-13.png") no-repeat scroll left top transparent; } .img-title.cat-14, .cat-14.img-title-alt { background: url("../images/ico-round-small-cat-14.png") no-repeat scroll left top transparent; } .img-title.cat-15, .cat-15.img-title-alt { background: url("../images/ico-round-small-cat-15.png") no-repeat scroll left top transparent; } .img-title-alt { padding: 0 0 0 40px; } .button { background: -webkit-linear-gradient(top, #35a5c1, #246f93); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #35a5c1, #246f93); /* IE 10 */ background: -ms-linear-gradient(top, #35a5c1, #246f93); -pie-background: linear-gradient(#35a5c1 50%, transparent 50%, #246f93) 0 0/50px #246f93; behavior: url("../Content/base/js/PIE.htc"); position: relative; padding: 5px 10px; color: #fff; text-shadow: 0 -1px 0 #333333; behavior: url("../Content/base/js/PIE.htc"); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; behavior: url("../Content/base/js/PIE.htc"); position: relative; text-decoration: none; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .button:hover { background: -webkit-linear-gradient(top, #246f93, #35a5c1); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #246f93, #35a5c1); /* IE 10 */ background: -ms-linear-gradient(top, #246f93, #35a5c1); -pie-background: linear-gradient(#246f93 50%, transparent 50%, #35a5c1) 0 0/50px #35a5c1; behavior: url("../Content/base/js/PIE.htc"); position: relative; text-decoration: none; } section { margin: 0 0 30px; } figure { margin: 0; } ul.list li { list-style-type: none; background: url("../images/diamond-list.png") no-repeat scroll left 4px transparent; padding: 0 0 0 15px; margin: 0 0 5px; line-height: 150%; font-size: 12px; font-family: arial; } ul.list-inherit li { list-style-type: none; background: url("../images/diamond-list.png") no-repeat scroll left 4px transparent; padding: 0 0 0 15px; margin: 20px 0 5px 20px; line-height: 150%; float: left; width: 45%; height: 120px; } ul.list-common li { list-style-type: none; background: url("../images/diamond-list.png") no-repeat scroll left 4px transparent; padding: 0 0 0 15px; margin: 0 0 5px; line-height: 150%; } ul.no-bullet-italic li { list-style-type: none; font-style: italic; line-height: 110%; margin: 0 0 15px; font-size: 14px; } a { text-decoration: none; color: #3366BB; border: 0; } a:hover { text-decoration: underline; } a img { border: 0; } .clr { clear: both; } .clear { float: none; clear: both; } .right { float: right; } .left { float: left; } .title-deco span.subtitle { display: block; font-size: 16px; letter-spacing: normal; padding: 0px 50px; font-style: italic; } .message { display: block; text-align: center; padding: 100px 0px; font-size: 20px; } .subpage { background: url("../images/bg-sub.png") no-repeat scroll center top transparent; padding-top: 20px; width: 960px; margin: 0 auto; } .subpage .wrapper { padding: 0 30px; width: 900px; min-height: 400px; } .subpage .wrapper .credit-image { position: relative; } .subpage .wrapper #timeline .credit-image, .subpage .wrapper #timeline .credit-image img { width: 928px; height: 238px; } .subpage .wrapper #thematic .credit-image, .subpage .wrapper #thematic .credit-image img { width: 928px; height: 485px; } .subpage .wrapper #timeline .credit-image .highlight, .subpage .wrapper #thematic .credit-image .highlight { width: 32px; height: 32px; color: #fff; font-weight: bold; line-height: 32px; text-align: center; vertical-align: middle; } .subpage .wrapper #timeline .credit-image .highlight { background: url("../images/purple.png") no-repeat scroll center top transparent; } .subpage .wrapper #thematic .credit-image .highlight { background: url("../images/red.png") no-repeat scroll center top transparent; } .title-deco { background: url("../images/timeline-title-top.png") no-repeat scroll center 5px transparent; text-align: center; margin-bottom: 10px; padding: 0 10px; position: relative; } body.sgresourcepage .title-deco { background: none; display: block; margin: 10px 0; font-size: 48px; letter-spacing: -2px; margin: 12px 0 10px; } .title-deco span { display: block; margin: 10px 0; font-size: 48px; letter-spacing: -2px; margin: 12px 0 0px; } .title-deco i { display: inline-block; *display: inline; zoom: 1; vertical-align: top; background: #fcfcfc; font-size: 20px; padding: 0 20px; } .title-deco em { font-size: 24px; margin-left: -19px; } .title-deco em.sup { margin-top: -10px; display: block; } .title-deco sup { font-size: 13px; } .title-deco .icons-holder { bottom: -12px; position: absolute; right: 24px; } .title-deco #event_date { background: url("../images/timeline-title-date.png") no-repeat scroll center center transparent; margin-left: 0px; padding-right: 10px; } .crumbs { background: url("../images/back-crumb.png") no-repeat scroll left center transparent; padding-left: 15px; font-size: 12px; margin-bottom: 10px; } .crumbs a { color: #333; } .social-bar { clear: both; display: block; float: none; height: 20px; margin-bottom: 15px; } .maincol { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 640px; margin-right: 20px; } .sidecol { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 235px; } .sidecol .title-normal { margin-bottom: 10px; } .sidecol ul { list-style-type: none; padding: 0px; margin: 0px; } .sidecol ul li { background: url("../images/diamond-list.png") no-repeat scroll left top transparent; padding-left: 14px; font-size: 15px; margin: 0 0 10px; } .sidecol ul li ul { margin-top: 20px; } .sidecol ul li a, .sidecol ul li ul a { cursor: pointer; display: block; } .three-dot-container { background: url("../images/fancy-dot-line.png") no-repeat scroll left top transparent; padding-top: 6px; } .three-dot-container section { padding: 15px 10px 0; border: 1px solid #969696; border-top: 0; margin: 0; } .three-dot-container .short-content-list { font-size: 14px; } .three-dot-container .short-content-list li { display: block; margin: 0 0 30px; } .three-dot-container .short-content-list a { color: #3366BB; display: block; font-style: italic; margin: 10px 0 10px; background: url("../images/arrow-blue-right.png") no-repeat scroll right 2px transparent; padding-right: 10px; } .three-dot-container .clear { text-indent: -9999px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; background: url("../images/clear-button.png") no-repeat scroll left top transparent; width: 54px; height: 24px; } .three-dot-container .clear:hover { background-position: left bottom; } .img-content, .img-content-alt { display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 0px 10px 0; } .img-content figure, .img-content-alt figure { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 100px; margin: 0 7px 0 0; } .img-content .content, .img-content-alt .content { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 180px; } .img-content .content em, .img-content-alt .content em { font-size: 12px; display: block; margin: 0 0 5px; } .img-content .content a, .img-content-alt .content a { font-family: Times New Roman; font-style: italic; font-size: 16px; margin: 0 0 5px; display: block; color: #3366BB; } .img-content-alt figure { margin: 0 0 0 7px; } .column-2 .col { margin: 0 6px 10px 0; } #header { background-color: #fff; } #container-cms #header-cms .logo { background: url("../images/logo.png") no-repeat scroll left top transparent; width: 249px; height: 65px; } #headright-cms { padding-top: 5px; } .sub-search { display: inline-block; } .header-app { display: none; } #footer { border-top: 1px solid #939392; padding: 10px 0 20px; } /*------ Timeline -------*/ .timeline-page .subpage { padding: 0; } .timeline-page .subpage .wrapper { padding: 0; width: 960px; } .timeline .timeline-era { background: url("../images/timeline-era.png") no-repeat scroll center top transparent; margin-bottom: 0px; } .theme .timeline .timeline-era { background: url("../images/theme-era.png") no-repeat scroll center top transparent; margin-bottom: 40px; } .timeline .timeline-era ul li { float: left; width: 192px; list-style-type: none; text-align: center; } .timeline .timeline-era ul li a { padding: 42px 0 60px; display: block; color: #2b2b2b; font-size: 16px; letter-spacing: -1.2px; } .timeline .timeline-era ul li a strong { font-size: 21px; display: block; font-weight: normal; } .timeline .timeline-era ul li a strong.alt { font-size: 20px; } .timeline .timeline-era ul li a span { font-size: 12px; display: block; } .timeline .timeline-era ul li.selected a { color: #fff; } .timeline .timeline-era ul li.selected { height: 144px; } .timeline .timeline-era ul li.selected.era-1 { background: url("../images/ribbon-back-era-1.png") no-repeat scroll left top transparent; } .timeline .timeline-era ul li.selected.era-2 { background: url("../images/ribbon-back-era-2.png") no-repeat scroll left top transparent; } .timeline .timeline-era ul li.selected.era-3 { background: url("../images/ribbon-back-era-3.png") no-repeat scroll left top transparent; } .timeline .timeline-era ul li.selected.era-4 { background: url("../images/ribbon-back-era-4.png") no-repeat scroll left top transparent; } .timeline .timeline-era ul li.selected.era-5 { background: url("../images/ribbon-back-era-5.png") no-repeat scroll left top transparent; } .timeline .timeline-era ul li.selected.node-658 { background: url("../images/ribbon-back-node-658.png") no-repeat scroll left top transparent; } .timeline .timeline-era ul li.selected.node-659 { background: url("../images/ribbon-back-node-659.png") no-repeat scroll left top transparent; } .timeline .timeline-era ul li.selected.node-660 { background: url("../images/ribbon-back-node-660.png") no-repeat scroll left top transparent; } .timeline .timeline-era ul li.selected.node-661 { background: url("../images/ribbon-back-node-661.png") no-repeat scroll left top transparent; } .timeline .timeline-era ul li.selected.node-662 { background: url("../images/ribbon-back-node-662.png") no-repeat scroll left top transparent; } .timeline .timeline-era ul li.selected.node-668 { background: url("../images/ribbon-back-node-668.png") no-repeat scroll left top transparent; } .timeline .timeline-era ul li.selected.node-669 { background: url("../images/ribbon-back-node-669.png") no-repeat scroll left top transparent; } .timeline .timeline-era ul li.selected.node-670 { background: url("../images/ribbon-back-node-670.png") no-repeat scroll left top transparent; } .timeline .timeline-era ul li.selected.node-671 { background: url("../images/ribbon-back-node-671.png") no-repeat scroll left top transparent; } .timeline .timeline-era ul li.selected.node-672 { background: url("../images/ribbon-back-node-672.png") no-repeat scroll left top transparent; } .timeline .timeline-gallery { margin-bottom: 30px; } .timeline .timeline-gallery .filter { text-align: right; margin-bottom: 20px; margin-right: 30px; } .timeline .timeline-gallery .filter em { display: block; font-size: 14px; margin-bottom: 5px; margin-right: 40px; } .timeline .timeline-gallery .filter select { padding: 8px 10px; border: 1px solid #ccc; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; behavior: url("../Content/base/js/PIE.htc"); position: relative; width: 180px; font-family: Times New Roman; font-size: 14px; } .timeline .timeline-gallery .carousel { margin: 0 0px 00px; position: relative; left: -9px; padding: 0 10px; min-height: 420px; } .timeline .timeline-gallery .carousel ul li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 240px; text-align: center; float: left; padding: 0 0px; position: relative; } .timeline .timeline-gallery .carousel ul li .title-item { font-size: 14px; color: #ce8621; display: block; margin-bottom: 10px; letter-spacing: -0.5px; font-weight: bold; } .timeline .timeline-gallery .carousel ul li .title-item sup { font-size: 10px; } .timeline .timeline-gallery .carousel ul li .list-item { background: url("../images/carousel-list.png") no-repeat scroll left top transparent; padding: 20px; font-size: 15px; font-style: italic; line-height: 150%; height: 277px; } .timeline .timeline-gallery .carousel ul li .list-item a { color: #333; display: block; letter-spacing: -0.3px; padding: 30px 0 10px; } .timeline .timeline-gallery .carousel ul li .list-item .article { background: url("../images/article-list-bg.png") no-repeat scroll center top transparent; height: 228px; position: relative; } .timeline .timeline-gallery .carousel ul li .list-item .article .category { bottom: -18px; } .timeline .timeline-gallery .carousel ul li .list-item .media { position: relative; } .timeline .timeline-gallery .carousel ul li .list-item .media a { padding-top: 0; line-height: 120%; } .timeline .timeline-gallery .carousel ul li .list-item .media .noimage { background-color: #000000; padding: 20px 0; text-align: left; } .timeline .timeline-gallery .carousel ul li .list-item .media .noimage .thetext { background-color: #fff; height: 156px; padding: 0px 5px; } .timeline .timeline-gallery .carousel ul li .list-item .media .category { top: 174px; } .timeline .timeline-gallery .carousel ul li .list-item .category { position: absolute; bottom: 0; width: 200px; text-align: center; left: 0; } .timeline .timeline-gallery .carousel ul li.stack, .timeline .timeline-gallery .carousel ul li.stack2, .timeline .timeline-gallery .carousel ul li.stack3 { height: 420px; } .timeline .timeline-gallery .carousel ul li.stack .list-item, .timeline .timeline-gallery .carousel ul li.stack2 .list-item, .timeline .timeline-gallery .carousel ul li.stack3 .list-item { position: absolute; width: 200px; padding: 20px; } .timeline .timeline-gallery .carousel ul li.stack2 .list-item.first { margin-top: 30px; margin-left: 3px; } .timeline .timeline-gallery .carousel ul li.stack2.animate .list-item.first { animation: stacking2first 0.5s linear forwards; -moz-animation: stacking2first 0.5s linear forwards; -webkit-animation: stacking2first 0.5s linear forwards; } .timeline .timeline-gallery .carousel ul li.stack2.animate .list-item.second { animation: stacking2second 0.5s linear forwards; -moz-animation: stacking2second 0.5s linear forwards; -webkit-animation: stacking2second 0.5s linear forwards; } .timeline .timeline-gallery .carousel ul li.stack2.animated .list-item.first { animation: stacked2first 0.5s linear forwards; -moz-animation: stacked2first 0.5s linear forwards; -webkit-animation: stacked2first 0.5s linear forwards; } .timeline .timeline-gallery .carousel ul li.stack2.animated .list-item.second { animation: stacked2second 0.5s linear forwards; -moz-animation: stacked2second 0.5s linear forwards; -webkit-animation: stacked2second 0.5s linear forwards; } .timeline .timeline-gallery .carousel ul li.stack2.first-item.animate .list-stack { animation: first2item 0.5s linear forwards; -moz-animation: first2item 0.5s linear forwards; -webkit-animation: first2item 0.5s linear forwards; } .timeline .timeline-gallery .carousel ul li.stack2.first-item.animated .list-stack { animation: first2itemed 0.5s linear forwards; -moz-animation: first2itemed 0.5s linear forwards; -webkit-animation: first2itemed 0.5s linear forwards; } .timeline .timeline-gallery .carousel ul li.stack2.last-item.animate .list-stack { animation: last2item 0.5s linear forwards; -moz-animation: last2item 0.5s linear forwards; -webkit-animation: last2item 0.5s linear forwards; } .timeline .timeline-gallery .carousel ul li.stack2.last-item.animated .list-stack { animation: last2itemed 0.5s linear forwards; -moz-animation: last2itemed 0.5s linear forwards; -webkit-animation: last2itemed 0.5s linear forwards; } .timeline .timeline-gallery .carousel ul li.stack3 .list-item.second { margin-top: 30px; margin-left: 3px; } .timeline .timeline-gallery .carousel ul li.stack3 .list-item.first { margin-top: 60px; margin-left: 5px; } .timeline .timeline-gallery .carousel ul li.stack3.animate .list-item.first { animation: stacking3first 0.5s linear forwards; -moz-animation: stacking3first 0.5s linear forwards; -webkit-animation: stacking3first 0.5s linear forwards; } .timeline .timeline-gallery .carousel ul li.stack3.animate .list-item.third { animation: stacking3third 0.5s linear forwards; -moz-animation: stacking3third 0.5s linear forwards; -webkit-animation: stacking3third 0.5s linear forwards; } .timeline .timeline-gallery .carousel ul li.stack3.animated .list-item.first { animation: stacked3first 0.5s linear forwards; -moz-animation: stacked3first 0.5s linear forwards; -webkit-animation: stacked3first 0.5s linear forwards; } .timeline .timeline-gallery .carousel ul li.stack3.animated .list-item.third { animation: stacked3third 0.5s linear forwards; -moz-animation: stacked3third 0.5s linear forwards; -webkit-animation: stacked3third 0.5s linear forwards; } .timeline .timeline-gallery .carousel ul li.stack3.first-item.animate .list-stack { animation: first3item 0.5s linear forwards; -moz-animation: first3item 0.5s linear forwards; -webkit-animation: first3item 0.5s linear forwards; } .timeline .timeline-gallery .carousel ul li.stack3.first-item.animated .list-stack { animation: first3itemed 0.5s linear forwards; -moz-animation: first3itemed 0.5s linear forwards; -webkit-animation: first3itemed 0.5s linear forwards; } .timeline .timeline-gallery .carousel ul li.stack3.last-item.animate .list-stack { animation: last3item 0.5s linear forwards; -moz-animation: last3item 0.5s linear forwards; -webkit-animation: last3item 0.5s linear forwards; } .timeline .timeline-gallery .carousel ul li.stack3.last-item.animated .list-stack { animation: last3itemed 0.5s linear forwards; -moz-animation: last3itemed 0.5s linear forwards; -webkit-animation: last3itemed 0.5s linear forwards; } .timeline .timeline-gallery .carousel .jcarousel-container, .timeline .timeline-gallery .carousel .jcarousel-clip-horizontal { width: 960px; height: auto; border: 0; background: none; margin: 0 0px; } .timeline .timeline-gallery .carousel .jcarousel-container-horizontal { padding: 0px; } .timeline .timeline-gallery .carousel .jcarousel-item { width: 240px; height: auto; } .timeline .timeline-gallery .carousel .jcarousel-item-horizontal { margin: 0; } .timeline .timeline-gallery .carousel .jcarousel-prev-horizontal { background: url("../images/arrow-left.png") no-repeat scroll left top transparent; width: 51px; height: 50px; left: -50px; top: 165px; } .timeline .timeline-gallery .carousel .jcarousel-next-horizontal { background: url("../images/arrow-right.png") no-repeat scroll left top transparent; width: 51px; height: 50px; right: -50px; top: 165px; } .timeline .timeline-gallery .carousel .animation { background: url("../images/page.png") no-repeat scroll left top transparent; width: 26px; height: 21px; margin: 0px 0 0 140px; position: relative; color: #fff; font-size: 16px; font-weight: bold; font-style: italic; padding: 5px 0 0; display: block; top: 8px; } .timeline .timeline-gallery .carousel .animation:hover { text-decoration: none; } .timeline .timeline-gallery .carousel .animation:hover .animation-hover { display: block; } .timeline .timeline-gallery .carousel .animation .animation-hover { position: absolute; left: 50%; z-index: 100; width: 175px; font-weight: normal; font-size: 12px; color: #333; margin: 0 0 0 -88px; display: none; } .timeline .timeline-gallery .carousel .animation .animation-hover em { background: #ddd; border: 1px solid #fff; display: block; padding: 5px; margin: -4px 0 0; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; behavior: url("../Content/base/js/PIE.htc"); position: relative; } .timeline .timeline-gallery .carousel .animation .animation-hover img { position: relative; z-index: 2; } .timeline .timeline-listing { margin: 0 0px 30px; position: relative; left: 7px; display: block; } .timeline .timeline-listing .timeline-list { background: url("../images/timeline-line.png") repeat-x scroll left top transparent; display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 801px; margin: 0 15px; } .timeline .timeline-listing .timeline-list ul { margin: 0 5px; float: left; width: 70px; height: 17px; } .timeline .timeline-listing .timeline-list ul:first-child { margin-left: 6px; } .timeline .timeline-listing .timeline-list ul li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin-left: -2px; position: relative; } .timeline .timeline-listing .timeline-list ul li span { background: url("../images/timeline-dot.png") no-repeat scroll -2px 0px transparent; display: block; width: 13px; height: 25px; margin-top: -4px; } .timeline .timeline-listing .timeline-list ul li span:hover { background-position: -2px -25px; } .timeline .timeline-listing .timeline-list ul li span.large { background-position: left -50px; width: 18px; margin-left: 26px; font-size: 9px; color: #fff; font-style: italic; font-weight: bold; padding-top: 5px; height: 20px; text-align: center; } .timeline .timeline-listing .timeline-list ul li span.large:hover { background-position: left -75px; } .timeline .timeline-listing .timeline-list ul li.dot-sum:hover .carousel-sum { display: block; } .timeline .timeline-listing .timeline-list ul li ul { height: auto; } .timeline .timeline-listing span { display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .timeline .timeline-listing .prev { padding-left: 20px; } .timeline .timeline-listing .next { padding-right: 20px; } .timeline .timeline-year { background: url("../images/timeline-year.png") no-repeat scroll left top transparent; margin-bottom: 50px; height: 66px; } .theme .timeline .timeline-year { background: url("../images/theme-year.png") no-repeat scroll left top transparent; margin-bottom: 50px; height: 66px; } .timeline .timeline-year ul li { float: left; list-style-type: none; text-align: center; width: 130px; } .timeline .timeline-year ul li a { color: #fff; letter-spacing: -1px; font-size: 12px; display: block; padding: 8px 0; margin-bottom: 5px; } .timeline .timeline-year ul li span { letter-spacing: -1px; font-size: 12px; display: block; padding: 0 5px; } .timeline .timeline-year ul li .slider { background: url("../images/timeline-slider.png") no-repeat scroll left top transparent; display: inline-block; *display: inline; zoom: 1; vertical-align: top; position: absolute; width: 100px; height: 42px; margin: -3px 0 0 -48px; display: none; } .timeline .timeline-year ul li.selected { position: relative; } .timeline .timeline-year ul li.present { width: 440px; } .timeline .timeline-year ul li.present ul { overflow: hidden; } .timeline .timeline-year ul li.present ul li { width: 76px; margin-right: 1px; } .timeline .timeline-year ul li.present ul li.present-year { width: 131px; } .timeline .timeline-year ul li.present ul li .slider { background: url("../images/timeline-slider-short.png") no-repeat scroll left top transparent; width: 80px; margin: -3px 0 0 0; display: none; } .timeline .timeline-year ul li.present ul li.selected .slider { display: block; } .timeline .timeline-year ul li.present ul li.present-year .slider { background: url("../images/timeline-slider.png") no-repeat scroll left top transparent; width: 100px; margin-left: 15px; } .timeline .timeline-year ul li.present span { font-size: 18px; display: block; margin-top: 5px; } .timeline .timeline-year ul li.selected .slider { display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin-left: 15px; left: 0px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* hacked for chrome and safari */ .timeline .timeline-listing .timeline-list ul { margin: 0 4px 0 5px; width: 71px; } .timeline .timeline-year ul li.selected .slider { margin-left: 15px; left: 0px; } } .carousel-sum { position: absolute; left: -60px; top: -85px; display: none; } .carousel-sum .jcarousel-container { background: url("../images/timeline-carousel.png") no-repeat scroll left top transparent; width: 193px; height: 82px; border: 0; padding: 0; } .carousel-sum .jcarousel-container .jcarousel-clip { width: 193px; } .carousel-sum .jcarousel-container .jcarousel-next-horizontal { background: url("../images/carousel-arrow-right.png") no-repeat scroll left top transparent; width: 25px; margin: -17px -12px 0 0; } .carousel-sum .jcarousel-container .jcarousel-next-horizontal:hover { background-position: -25px top; } .carousel-sum .jcarousel-container .jcarousel-next-disabled-horizontal { background-position: -50px top; } .carousel-sum .jcarousel-container .jcarousel-next-disabled-horizontal:hover { background-position: -50px top; } .carousel-sum .jcarousel-container .jcarousel-prev-horizontal { background: url("../images/carousel-arrow-left.png") no-repeat scroll -50px top transparent; width: 25px; margin: -17px 0 0 -15px; } .carousel-sum .jcarousel-container .jcarousel-prev-horizontal:hover { background-position: -25px top; } .carousel-sum .jcarousel-container .jcarousel-prev-disabled-horizontal { background-position: 0px top; } .carousel-sum .jcarousel-container .jcarousel-prev-disabled-horizontal:hover { background-position: 0px top; } .carousel-sum .carouselz li { width: 193px; margin: 0; } .carousel-sum .carouselz li .content { padding: 10px 20px; font-size: 13px; font-style: italic; } .carousel-sum .carouselz li .content strong { text-align: center; display: block; } .carousel-sum .carouselz li .content p { margin: 0; } .carousel-sum .jcarousel-control { width: 193px; margin: -25px auto 0; position: absolute; text-align: center; } .carousel-sum .jcarousel-control a { text-indent: -9999px; width: 8px; height: 7px; background: url("../images/carousel-pagination.png") no-repeat scroll left top transparent; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .carousel-sum .jcarousel-control a.selected { background-position: left bottom; } /*----------------Timeline End----------------*/ /*----------------Events----------------*/ .side-control { float: right; display: none; } .side-control ul li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .rich-editor { font-family: arial; font-size: 12px; line-height: 220%; margin-bottom: 30px; word-wrap: break-word; } .rich-editor a { color: #3366BB; } .rich-editor a:hover { text-decoration: underline; } .tab-container { margin: 0 0 30px; } .tab-container .tabs { text-align: right; } .tab-container .tabs li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; font-style: italic; font-size: 14px; margin-left: -3px; position: relative; top: 2px; } .tab-container .tabs li a { background: #f3f3f3; border: 1px solid #f3f3f3; color: #222; padding: 13px 20px; display: block; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; behavior: url("../Content/base/js/PIE.htc"); position: relative; } .tab-container .tabs li.selected { position: relative; top: 1px; z-index: 1; } .tab-container .tabs li.selected a { border: 1px solid #969696; background: transparent; border-bottom: 1px solid #fff; padding-top: 14px; } .tab-container .tab-content { border: 1px solid #969696; padding: 5px; position: relative; } .tab-container .tab-content section { margin: 0; } .tab-container .tab-content .tab-carousel .jcarousel-container { width: 627px; height: auto; padding: 0 0 20px 0; border: 0; background: none; border-radius: 0; margin: 0 0 0 0; } .tab-container .tab-content .tab-carousel .jcarousel-container .jcarousel-clip { width: 627px; height: auto; } .tab-container .tab-content .tab-carousel .jcarousel-container .jcarousel-item { width: 627px; height: auto; } .tab-container .tab-content .tab-carousel .jcarousel-control, .tab-container .tab-content .tab-carousel .videos-jcarousel-control, .tab-container .tab-content .tab-carousel .audios-jcarousel-control { margin: -15px 10px 0 0; text-align: left; position: absolute; right: 0; } .tab-container .tab-content .tab-carousel .jcarousel-control a, .tab-container .tab-content .tab-carousel .videos-jcarousel-control a, .tab-container .tab-content .tab-carousel .audios-jcarousel-control a { text-indent: -9999px; width: 11px; height: 10px; background: url("../images/carousel-pagination-big.png") no-repeat scroll left top transparent; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 1px; } .tab-container .tab-content .tab-carousel .jcarousel-control a.selected, .tab-container .tab-content .tab-carousel .videos-jcarousel-control a.selected, .tab-container .tab-content .tab-carousel .audios-jcarousel-control a.selected { background-position: left bottom; } span.caption { font-family: Arial; font-size: 10px; } .tab-container .tab-content #tab-carousel .caption { font-style: italic; font-size: 12px; margin: 5px 0 0; display: block; } .related .related-container { border: 1px solid #969696; border-bottom: 0; } .related .related-container section { padding: 20px 20px 5px; margin: 0; border-bottom: 1px solid #969696; } .related .related-container section .control { float: right; } .related .related-container section a { color: #3366BB; } .related .related-container section .control a { background: url("../images/ico-showall.png") no-repeat scroll left top transparent; text-indent: -9999px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 93px; height: 28px; float: right; position: relative; bottom: 7px; margin: 0 0 0 10px; } .related .related-container section .control .show-less { background: url("../images/ico-showless.png") no-repeat scroll left top transparent; text-indent: -9999px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 100px; height: 28px; float: right; position: relative; bottom: 7px; margin: 0 0 0 10px; } .related .related-container section .control em { display: inline-block; *display: inline; zoom: 1; vertical-align: top; font-size: 12px; } .related .related-container section .img-content, .related .related-container section .img-content-alt { margin: 0 6px 10px 0; } .related .related-container .newspaper-clippings .content { padding: 12px 0 0; } .related .related-container section ul li { font-style: normal; font-family: Times New Roman; font-size: 13px; } .prev-next-event .img-content figure, .prev-next-event .img-content-alt figure { width: 60px; } .prev-next-event .title-underline { margin-bottom: 15px; } .prev-next-event .prev-next-content { padding-bottom: 5px; border-bottom: 1px solid #969696; } .prev-next-event .prev-next-content .right { text-align: right; margin-right: 0; } .prev-next-event .prev-next-content .right figure { margin: 0 0px 0 7px; } .events .sidecol { margin: 10px 0; } .events .title-deco em { letter-spacing: -1px; } /*----------------Events End----------------*/ /*----------------Search----------------*/ .search .filter { margin: 20px 0; } .search .title-deco { margin: 0 0 20px; } .search .title-deco span { font-size: 35px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 20px 0px 15px; } .search .title-deco .quote { font-size: 48px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .search .maincol { margin: 0 0 0 20px; padding-bottom: 10px; } .search .sidecol .title-italic { font-size: 18px; font-style: italic; } .search .sidecol .filter { font-size: 16px; font-style: italic; } .search .sidecol .control-holder { margin: 0 0 10px; } .search .sidecol .control-holder.checkbox .control { width: 13px; line-height: 0; margin: 0 5px 0 0; } .search .sidecol .control-holder.checkbox .image_label { display: inline-block; width: 195px; } .search .sidecol .control-holder.checkbox .control.pre-colonial, .search .sidecol .control-holder.checkbox .control.era-3, .search .sidecol .control-holder.checkbox .control.military, .search .sidecol .control-holder.checkbox .control.independence, .search .sidecol .control-holder.checkbox .control.beyond { border: 2px solid #2c8ca4; border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; behavior: url("../Content/base/js/PIE.htc"); position: relative; position: relative; bottom: 2px; } .search .sidecol .control-holder.checkbox .control.era-3 { border: 2px solid #90bc5d; } .search .sidecol .control-holder.checkbox .control.military { border: 2px solid #facf38; } .search .sidecol .control-holder.checkbox .control.independence { border: 2px solid #e19932; } .search .sidecol .control-holder.checkbox .control.beyond { border: 2px solid #dd5a20; } .search .sidecol .control-holder.checkbox .control input { margin: 0; } .search .sidecol .control-holder.checkbox label { width: 165px; letter-spacing: -0.6px; } .search .sidecol .control-holder .control { display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .search .sidecol .control-holder label { display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .search .sidecol .control-holder label strong { display: block; font-size: 11px; } .search .sidecol .era { padding-bottom: 20px; } .search .sidecol .themes .control-holder.checkbox img, .search .sidecol .categories .control-holder.checkbox img { position: relative; margin-right: 5px; top: -2px; float: left; } .search .sidecol .themes .control-holder.checkbox label, .search .sidecol .categories .control-holder.checkbox label { position: relative; font-size: 15px; display: inline-block; float: left; } .pagination li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; font-style: italic; } .pagination li a { padding: 0 5px; } .pagination .selected { padding: 0 5px; font-weight: bold; } .pagination .previous { background: url("../images/page-left.png") no-repeat scroll right 2px transparent; font-size: 12px; padding-right: 15px; font-weight: bold; margin-right: 10px; } .pagination .next { background: url("../images/page-right.png") no-repeat scroll left 2px transparent; font-size: 12px; padding-left: 15px; font-weight: bold; margin-left: 10px; } body.sgresourcepage .search-result { padding-top: 10px; } .search-result { border-top: 1px solid #969696; border-bottom: 1px solid #969696; margin-top: 19px; margin-bottom: 10px; } .search-result .search-item { padding: 30px 0; border-top: 1px solid #dcdbda; } .search-result .search-item:first-child { border-top: 0; } .search-result .search-item figure { width: 200px; position: relative; } .search-result .search-item figure .icon-categories { position: absolute; bottom: 5px; display: block; text-align: center; width: 100%; } .search-result .search-item figure a { position: relative; display: block; } .search-result .search-item .content { width: 429px; } .search-result .search-item .content .date { font-size: 14px; font-style: italic; margin: 0 0 5px; display: block; } .search-result .search-item .content .search-title { font-size: 24px; line-height: 100%; color: #3366BB; letter-spacing: -0.6px; } .search-result .search-item .content p { font-family: Arial; font-size: 12px; line-height: 200%; } .search-result .search-item .content .ribbon-cat .era { position: relative; top: 7px; } .search-result .pagination { text-align: right; } .search-result .resourceImage { float: left; margin: 5px 5px 0px 0px; width: 110px; } .search-result .resourceDetail { display: table-cell; vertical-align: top; } .search-result p { padding: 0px; margin: 0px; } /*----------------Search End----------------*/ /*----------------Homepage----------------*/ .banner { height: 885px; background: url("../images/homepage-timeline-era.png") no-repeat scroll center bottom transparent; } .theme .banner { height: 885px; background: url("../images/homepage-theme-era.png") no-repeat scroll center bottom transparent; } .banner .jcarousel-container-horizontal { width: auto; padding: 0; background: transparent; border: 0; border-radius: 0; height: 573px; } .banner .jcarousel-container-horizontal .jcarousel-clip-horizontal { width: auto; height: auto; } .banner .banner-default { position: relative; } .banner-title h2.era-title { font-size: 40px; font-weight: normal; text-align: center; background: url("../images/banner-title.png") no-repeat scroll center center transparent; width: 270px; word-wrap: break-word; -ms-word-wrap: break-word; padding: 0px 80px; } .banner .banner-era { position: relative; } .banner .banner-title { position: absolute; top: 110px; right: 20px; width: 451px; z-index: 1; text-align: center; } .theme .banner-title { left: 111px; } .banner .banner-title a { display: block; margin-bottom: 5px; margin: 0px 0 10px; } .banner .banner-title a img { margin: 0; } .banner .banner-title em { font-size: 18px; display: block; line-height: 150%; margin-bottom: 5px; } .banner .banner-title img { margin-bottom: 25px; } .announcement { position: absolute; width: 600px; height: 35px; text-align: center; left: 200px; top: 10px; z-index: 2; background-color: rgba(255, 254, 255, 0.6); } .banner .did-you-know { position: absolute; width: 322px; height: 220px; background: url("../images/bg-what.png") no-repeat scroll left top transparent; padding: 35px 30px; text-align: center; left: 90px; top: 60px; z-index: 1; } .banner .did-you-know h3 { font-size: 14px; color: #66ccff; border-bottom: 3px double #6b9eb8; font-weight: normal; letter-spacing: -1px; padding-bottom: 5px; margin: 0 0 10px; } .banner .did-you-know p { margin: 0 0 20px; line-height: 180%; font-size: 13px; color: #fff; font-style: italic; } .banner .did-you-know a { bottom: 10px; display: block; position: relative; } .banner .banner-pic { position: relative; height: 573px; } .banner .banner-pic img { position: absolute; bottom: 0; } .banner .banner-pic .question { position: absolute; color: #fff; font-size: 12px; font-style: italic; text-shadow: -1px -1px 0 #888888; behavior: url("../Content/base/js/PIE.htc"); text-align: center; z-index: 1; cursor: pointer; } .banner .banner-pic .question p { margin: 0; display: none; } .banner .banner-pic .question { display: none; } .banner .banner-pic .question:hover p { display: block; } .banner .era-1 .question { background: url("../images/question.png") no-repeat scroll left bottom transparent; height: 5px; padding: 20px 8px 0; width: 75px; } .banner .era-1 .question:hover { height: 107px; } .banner .era-1 .pos1 { bottom: 95px; left: 170px; } .banner .era-1 .pos2 { bottom: 53px; left: 615px; } .banner .era-1 .pos2 p { position: relative; top: 10px; } .banner .era-1 .pos3 { bottom: 80px; left: 732px; } .banner .era-1 .pos3 p { position: relative; top: 10px; } .banner .era-2 .question { background: url("../images/question-green.png") no-repeat scroll left bottom transparent; height: 0px; padding: 30px 8px 0; width: 85px; } .banner .era-2 .question:hover { height: 107px; padding-top: 35px; } .banner .era-2 .pos1 { bottom: 150px; left: 55px; } .banner .era-2 .pos1 p { position: relative; top: 10px; } .banner .era-2 .pos2 { bottom: 110px; left: 458px; } .banner .era-2 .pos3 { bottom: 300px; left: 623px; } .banner .era-2 .pos4 { bottom: 265px; left: 808px; } .banner .era-2 .pos4 p { position: relative; top: 10px; } .banner .era-3 .question { background: url("../images/question-yellow.png") no-repeat scroll left bottom transparent; height: 0px; padding: 30px 8px 0; width: 96px; } .banner .era-3 .question:hover { height: 114px; padding-top: 35px; } .banner .era-3 .pos1 { bottom: 150px; left: 55px; } .banner .era-3 .pos1 p { position: relative; top: 12px; } .banner .era-3 .pos2 { bottom: 110px; left: 365px; } .banner .era-3 .pos2 p { position: relative; top: 10px; } .banner .era-3 .pos3 { bottom: 330px; left: 585px; } .banner .era-3 .pos3 p { position: relative; top: 5px; } .banner .era-3 .pos4 { bottom: 275px; left: 775px; } .banner .era-3 .pos4 p { position: relative; top: 10px; } .banner .era-3 .pos5 { bottom: 175px; left: 775px; } .banner .era-3 .pos5 p { position: relative; top: 5px; } .banner .era-4 .question { background: url("../images/question-orange.png") no-repeat scroll left bottom transparent; height: 0px; padding: 25px 8px 0; width: 103px; } .banner .era-4 .question:hover { height: 116px; padding-top: 35px; } .banner .era-4 .pos1 { bottom: 150px; left: 55px; } .banner .era-4 .pos1 p { position: relative; top: 15px; } .banner .era-4 .pos2 { bottom: 160px; left: 415px; } .banner .era-4 .pos2 p { position: relative; top: 15px; } .banner .era-4 .pos3 { bottom: 195px; left: 545px; } .banner .era-4 .pos3 p { position: relative; top: 5px; } .banner .era-4 .pos4 { bottom: 160px; left: 775px; } .banner .era-4 .pos4 p { position: relative; top: 10px; } .banner .era-5 .question { background: url("../images/question-orangy.png") no-repeat scroll left bottom transparent; height: 0px; padding: 25px 8px 0; width: 93px; } .banner .era-5 .question:hover { height: 109px; padding-top: 35px; } .banner .era-5 .pos1 { bottom: 115px; left: 0px; } .banner .era-5 .pos1 p { position: relative; top: 7px; } .banner .era-5 .pos2 { bottom: 142px; left: 65px; } .banner .era-5 .pos2 p { position: relative; top: 7px; } .banner .era-5 .pos3 { bottom: 296px; left: 532px; } .banner .era-5 .pos3 p { position: relative; top: 12px; } .banner .era-5 .pos4 { bottom: 75px; left: 670px; } .banner .era-5 .pos4 p { position: relative; top: 7px; } .banner .era-5 .pos5 { bottom: 340px; left: 800px; } .banner .era-5 .pos5 p { position: relative; top: 12px; color: #eee; } .banner .banner-pagination a { width: 134px; text-align: center; float: left; letter-spacing: -1px; padding: 45px 29px; display: block; color: #333333; } .banner .banner-pagination a.disableLink { } .banner .banner-pagination a span { display: block; font-size: 12px; } .banner .banner-pagination a.era-1 { padding-top: 55px; } .banner .banner-pagination a em { display: none; } .banner .banner-pagination a img { display: none; position: absolute; z-index: 1; } .banner .banner-pagination a.selected { color: #ffffff; padding: 41px 29px; height: 48px; } .banner .banner-pagination a.selected { color: #ffffff; } .banner .banner-pagination a.era-banner-1.selected { background-color: #2c8ba3; background: url("../images/selected-era-1.png") no-repeat scroll center center transparent; } .banner .banner-pagination a.era-banner-2.selected { background-color: #90ba5d; background: url("../images/selected-era-2.png") no-repeat scroll center center transparent; } .banner .banner-pagination a.era-banner-3.selected { background-color: #e0b834; background: url("../images/selected-era-3.png") no-repeat scroll center center transparent; } .banner .banner-pagination a.era-banner-4.selected { background-color: #e09834; background: url("../images/selected-era-4.png") no-repeat scroll center center transparent; } .banner .banner-pagination a.era-banner-5.selected { background-color: #db5921; background: url("../images/selected-era-5.png") no-repeat scroll center center transparent; } .banner .banner-pagination a.selected img { display: block; } .banner .banner-pagination .first { display: none; } .banner #homepage-carousel li { width: 958px; height: 573px; } .bottom-container { position: relative; margin-top: -135px; } .quick-view { background: url("../images/ribbon-ticket.png") no-repeat scroll center top transparent; margin: 0px 0 50px; padding: 44px 180px 53px; position: relative; z-index: 20; text-align: center; } .quick-view .content { display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin-right: 50px; } .quick-view .content span { color: #fff; font-size: 36px; } .quick-view .content em { color: #fff; font-size: 18px; text-shadow: -1px -1px 0 #663300; behavior: url("../Content/base/js/PIE.htc"); line-height: 100%; } .quick-view a { display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .quick-view .mobile { display: none; } .quick-view { } .history-categories { text-align: center; border-top: 3px double #969696; } .history-categories h5 { font-size: 30px; font-style: italic; font-weight: normal; text-align: center; line-height: 100%; background: #dedede; padding: 0 20px; position: relative; bottom: 20px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0; } .history-categories .excerpt { display: block; font-size: 16px; position: relative; bottom: 10px; line-height: 120%; } .history-categories .cat-listing { text-align: left; margin-top: 30px; } .history-categories .cat-listing li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 24%; margin: 0 0 20px; } .history-categories .cat-listing li a { background: url("../images/ico-ribbon-state.png") no-repeat scroll left bottom transparent; height: 66px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .history-categories .cat-listing li a img { position: relative; top: 2px; left: 2px; } .history-categories .cat-listing li a:hover { background-position: left top; text-decoration: none; } .history-categories .cat-listing li span { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 150px; margin: 20px 0 0 10px; color: #333; } .history-categories .cat-listing li span.alt { margin-top: 30px; } .mobile-space { display: none; } .mobile-search { display: none; } .mobile-era-timeline { display: none; } .mobile-era-theme { display: none; } .reference .title-sec { display: block; } #loading { background: url("../images/common/loader.gif") no-repeat scroll center center transparent; width: 32px; height: 32px; margin: 0 auto; display: block; text-align: center; } #banner-title-mobile { display: none; } #banner-title-desktop { display: block; } .cufonButton { color: white; font-size: 20px; position:relative; left: 50%; transform: translate(-50%, -170%); } /*Empty class for separately identify sgresources search page*/ .sgresources { } @media (max-width: 767px) { .header-container .header-corp-full.header-corp-custom .corp-logo-sm { display: none !important; } } /*----------------Homepage End----------------*/ /* for 680px or less - Mobiles */ @media only screen and (max-width: 680px) { html { background: url("../images/bg.jpg") repeat scroll 0px 200px transparent; overflow-x: hidden; } body { overflow-x: hidden; } .cloud-bg { background: url("../images/mobile-sky.png") no-repeat scroll center 0px transparent; } ul.list-inherit li { width: 100% !important; height: auto !important; } .wrapper { width: 300px; } .subpage { width: 100%; } .subpage .wrapper { width: 300px; padding: 0; } .subpage br { display: none; } ul.list-inherit br { display: block; } .subpage .title-deco i { font-size: 17px; } .subpage .title-deco .quote { display: none; } .subpage .title-deco span { font-size: 20px; } .subpage .title-deco .sup { font-size: 14px; } #header { background-color: #fff; } #banner-title-mobile { display: none; } #banner-title-desktop { display: none; } #headright-cms { display: none; } .sub_wrapper { margin: 0 auto; width: auto; } .homepage #header .top-link .search { display: none; } .wrapper { width: 300px; } .homepage #container-cms { float: none; } #container-cms { width: 100px; float: left; } .homepage #header .logo { margin: 0 auto; } .banner, .theme .banner { background: none; height: auto; } .banner #homepage-carousel li { width: 300px; height: 207px; } .announcement { position: static; width: 300px; height: 60px; text-align: center; left: 40px; top: 50px; background-color: rgba(255, 254, 255, 0.5); font-size: x-small; } .banner .banner-default .did-you-know { display: none; } .banner .banner-title { left: 0; position: static; width: auto; top: 0; min-height: 62px; } .banner .banner-title img { width: 255px; } .banner .banner-title a { display: none; } .banner .banner-title em { display: none; } .banner .banner-pic { height: auto; } .banner .banner-pic img { position: relative; width: 292px; margin-left: 3px; } .banner .jcarousel-container-horizontal { height: auto; } .banner .banner-pagination { display: none; } .banner .homepage-carousel .clr { display: none; } .bottom-container { position: relative; margin-top: 50px; } .maincol { margin: 0; width: auto; } .search { padding-top: 8px; } .search .mobile-space { display: block; margin: 0; } .search .mobile-space .filter-mobile { border-bottom: 0px solid #969696; padding-bottom: 10px; } .search .mobile-space .filter-mobile select { border: 0px solid red; background: url("../images/select-dropdown-long.png") no-repeat scroll right center transparent; color: white; font-style: italic; width: 235px; padding: 5px 5px; height: 24px; } .search .maincol { margin: 0; width: auto; } .search .maincol .pagination { display: block; margin-bottom: 10px; text-align: right; float: none; } .search .maincol .search-result { margin: 0 0 20px; width: 300px; padding-top: 10px; } .search .maincol .search-result .search-item { padding: 8px 12px 5px; background: url("../images/mobile-search-item.png") no-repeat scroll left top transparent; width: 244px; margin: 0 15px 5px; border: 0; } .search .maincol .search-result .search-item .content { width: auto; display: inline; } .search .maincol .search-result .search-item .content p { display: none; } .search .maincol .search-result .search-item .content .search-title { font-size: 13px; min-height: 35px; height: auto !important; height: 35px; color: #333; letter-spacing: 0; padding-top: 5px; display: block; } .search .maincol .search-result .search-item .content .ribbon-cat img { display: none; } .search .maincol .search-result .search-item .content .ribbon-cat .era { display: block; } .search .maincol .search-result .search-item .content .date { margin-top: 5px; border-bottom: 1px solid #999; padding-bottom: 5px; color: #ce8621; } .search .maincol .search-result .search-item figure { width: 72px; margin: 0 0px 0 0; float: left; border-right: 13px solid #fff; } .search .maincol .search-result .search-item figure a { display: block; line-height: 0; } .search .maincol .search-result .search-item figure a img { width: 72px; } .search .maincol .search-result .search-item figure a .icon-categories img { display: none; } .search .maincol .search-result .search-group { padding: 0 0 45px; } .search .maincol .search-result .search-group.era-1 { background: url("../images/ribbon-mobile-era-1.png") no-repeat scroll center bottom transparent; } .search .maincol .search-result .search-group.era-2 { background: url("../images/ribbon-mobile-era-2.png") no-repeat scroll center bottom transparent; } .search .maincol .search-result .search-group.era-3 { background: url("../images/ribbon-mobile-era-3.png") no-repeat scroll center bottom transparent; } .search .maincol .search-result .search-group.era-4 { background: url("../images/ribbon-mobile-era-4.png") no-repeat scroll center bottom transparent; } .search .maincol .search-result .search-group.era-5 { background: url("../images/ribbon-mobile-era-5.png") no-repeat scroll center bottom transparent; } .search .title-deco { background: none; text-align: left; padding: 0; margin: 0 0 8px; } .search .title-deco i { padding: 0; font-size: 12px; background: none; } .search .title-deco span { font-size: 12px; letter-spacing: 0; margin: 0; } .search .title-deco .sup { display: none; } .search .related-search { margin: 10px 0 0; } .search .related-search .related-title { background: #3366BB; color: #fff; font-size: 12px; padding: 5px 15px; margin: 0 0 5px; } .search .related-search ul { margin: 0 0 10px; } .search .related-search ul li { background: url("../images/mobile-bullet.png") no-repeat scroll left 5px transparent; list-style-type: none; padding: 0 0 0 10px; font-size: 10px; margin: 0 0 0 17px; } .quick-view { margin: 0 0 20px; padding: 0; text-align: center; background: none; } .quick-view span { display: none; } .quick-view .content { margin: 0 0 15px; padding: 0 40px; } .quick-view .content em { color: #333; text-shadow: none; font-size: 20px; line-height: 100%; } .quick-view a { display: none; } .quick-view .mobile { display: block; } .mobile-search { background: url("../images/mobile-home-search.png") no-repeat scroll left top transparent; display: block; padding: 8px 25px 20px; margin: 0 0 15px; } .mobile-search .search { padding: 0; } .mobile-search p { margin: 0 0 5px; color: #f8f6f3; font-size: 14px; text-shadow: 0px -1px 0 #663300; behavior: url("../Content/base/js/PIE.htc"); } .mobile-search input { border: 0; background: transparent; width: 230px; height: 20px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .mobile-search input.submit { width: 14px; height: 20px; cursor: pointer; border: 0px solid red; } .mobile-era-timeline, .mobile-era-theme { display: block; text-align: center; } .mobile-era-timeline em, .mobile-era-theme em { font-size: 20px; line-height: 20px; margin: 0 0 10px; display: block; } .mobile-era-timeline a, .mobile-era-theme a { text-decoration: underline; display: block; } .mobile-era-timeline a em, .mobile-era-theme a em { font-size: 14px; } .mobile-era-timeline ul li, .mobile-era-theme ul li { list-style-type: none; } .history-categories { display: none; } .events { padding-top: 10px; } .events .side-control { display: none; } .events .crumbs { margin: 0 0 10px; } .events .title-deco { background: none; border-top: 1px solid #2b2b2b; border-bottom: 1px solid #2b2b2b; } .events .title-deco .icons-holder { display: none; } .events .title-deco i, .events .title-deco br { display: none; } .events .title-deco span { margin-bottom: 0; margin-top: 15px; } .title-deco #event_date { background: #fbfbfb; position: relative; top: 15px; margin: -6px 0 0; padding: 0 10px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .events .tab-container .tabs { text-align: left; } .events .tab-container .tabs li a { padding: 10px; } .events .tab-container .tab-content { border-left: 0; border-bottom: 0; margin-left: -50px; padding-left: 50px; border-right: 0; } .events .tab-container .tab-content .tab-carousel .jcarousel-container { height: auto; padding-bottom: 0; } .events .tab-container .tab-content .tab-carousel .jcarousel-container .jcarousel-item { width: 300px; height: auto; } .events .tab-container .tab-content .tab-carousel .jcarousel-container .jcarousel-item img { width: 300px; } .events .tab-container .tab-content .tab-carousel .jcarousel-container .jcarousel-item .caption { display: none; } /* new */ span.caption { display: block !important; font-family: Arial; font-size: 8px; } /* new */ span.caption br { display: block !important; } .events .tab-container .tab-content .tab-carousel .jcarousel-container .jcarousel-clip { height: auto; width: 300px; overflow: visible; } .events .tab-container .tab-content .tab-carousel .jcarousel-control, .events .tab-container .tab-content .tab-carousel .videos-jcarousel-control, .events .tab-container .tab-content .tab-carousel .audios-jcarousel-control { right: auto; margin: 10px 0px 0 120px; } .events .tab-container .tab-content .tab-carousel .jcarousel-prev { display: block !important; width: 30px; height: 30px; background-position: -60px 0; top: 90px; opacity: .5; } .events .tab-container .tab-content .tab-carousel .jcarousel-prev:hover { opacity: 1; background-position: -30px 0; } .events .tab-container .tab-content .tab-carousel .jcarousel-prev-disabled-horizontal { background-position: 0 0; } .events .tab-container .tab-content .tab-carousel .jcarousel-prev-disabled-horizontal:hover { background-position: 0px 0; } .events .tab-container .tab-content .tab-carousel .jcarousel-next { display: block !important; width: 30px; height: 30px; left: 260px; top: 90px; opacity: .5; } .events .tab-container .tab-content .tab-carousel .jcarousel-next:hover { background-position: -30px 0; opacity: 1; } .events .tab-container .tab-content .tab-carousel .jcarousel-next-disabled-horizontal { background-position: -60px 0; } .events .tab-container .tab-content .tab-carousel .jcarousel-next-disabled-horizontal:hover { background-position: -60px 0; } .events .tab-container .tab-content #tab-carousel .caption { display: none; } .events .tab-container .tab-content #videos embed { width: 300px; height: 225px; } .events .rich-editor { width: 300px; } .events .sidecol { display: none; } .events .prev-next-event { display: none; } .events .reference { display: none; } .events .related .related-container { border: 0; } .events .related h2 { display: none; } .events .related .newspaper-clippings { display: none; } .events .related .books { display: block; padding: 0; border: 0; width: 300px; } .events .related .books .control { float: none; margin: 0 0 10px; } .events .related .books .control em { display: none; } .events .related .books .control a { background: url("../images/mobile-button-relatedbooks.png") no-repeat scroll left top transparent; width: 300px; margin: 0; height: 22px; float: none; bottom: 0; } .events .related .books .control a.close { background: url("../images/mobile-buttonrelated-books-close.png") no-repeat scroll left top transparent; } .events .related .books h1 { display: none; } .events .related .other { display: none; } /*Timeline era mobile start*/ .timeline-page .subpage .wrapper { width: 300px; } .timeline { padding: 50px 0 0; } .timeline .timeline-era, .theme .timeline .timeline-era { background: none; margin: 0; position: absolute; z-index: 10; background: #fff; margin: -50px 0 0; box-shadow: 0 0 5px 0 #666666; behavior: url("../Content/base/js/PIE.htc"); } .timeline .timeline-era ul li.selected { height: 32px; } .timeline .timeline-era ul li { width: auto; display: block; float: none; background: none; display: none; width: 300px; } .timeline .timeline-era ul li a { font-size: 12px; padding: 10px 0; color: #333; } .timeline .timeline-era ul li a strong, .timeline .timeline-era ul li a span { font-size: 12px; display: inline; margin: 0 2px; } .timeline .timeline-era ul li a strong.alt { font-size: 12px; display: inline; margin: 0 2px; } .timeline .timeline-era ul li.selected { display: block; } .timeline .timeline-era ul li.selected.era-1 { background: #ebe657; } .timeline .timeline-era ul li.selected.era-2 { background: #e0b834; } .timeline .timeline-era ul li.selected.era-3 { background: #e09834; } .timeline .timeline-era ul li.selected.era-4 { background: #db5921; } .timeline .timeline-era ul li.selected.era-5 { background: #eb322f; } .timeline .timeline-era ul li.selected.node-668, .timeline .timeline-era ul li.selected.node-658 { background: #90ba5d; } .timeline .timeline-era ul li.selected.node-669, .timeline .timeline-era ul li.selected.node-659 { background: #0ba391; } .timeline .timeline-era ul li.selected.node-670, .timeline .timeline-era ul li.selected.node-660 { background: #2c8ba3; } .timeline .timeline-era ul li.selected.node-671, .timeline .timeline-era ul li.selected.node-661 { background: #346f85; } .timeline .timeline-era ul li.selected.node-672, .timeline .timeline-era ul li.selected.node-662 { background: #31487a; } .timeline .timeline-gallery .carousel ul li .list-item .media .noimage { display: none; } .timeline .timeline-gallery .title-deco { display: none; } .timeline .timeline-gallery .filter { display: none; } .timeline .timeline-gallery .carousel { margin: -15px 0 0; background: url("../images/mobile-timeline-mix.png") repeat-y scroll left top transparent; padding: 0 0 0 15px; left: auto; } .timeline .timeline-gallery .carousel li .animation { display: none; } .timeline .timeline-gallery .carousel li.stack, .timeline .timeline-gallery .carousel ul li.stack2, .timeline .timeline-gallery .carousel ul li.stack3 { height: auto !important; float: none !important; display: block; width: auto; margin-top: 0px; } .timeline .timeline-gallery .carousel ul li.stack3 .list-item.first { margin-left: 5px; margin-top: 0px; } .timeline .timeline-gallery .carousel ul li.stack3 .list-item.second { margin-left: 3px; margin-top: 0px; } .timeline .timeline-gallery .carousel ul li.stack2 .list-item.first { margin-left: 3px; margin-top: 0px; } .timeline .timeline-gallery .carousel li.stack .list-item, .timeline .timeline-gallery .carousel ul li.stack2 .list-item, .timeline .timeline-gallery .carousel ul li.stack3 .list-item { position: static !important; background: none; padding: 10px 20px 13px 40px !important; height: 67px; width: 230px !important; margin: 1px 0px; overflow: hidden; } .timeline .timeline-gallery .carousel ul#mycarousel li.stack:first-child { margin-top: 0px !important; } .timeline .timeline-gallery .carousel ul#mycarousel li.stack:first-child .list-item { padding-top: 9px !important; } .timeline .timeline-gallery .carousel li.stack .list-item .article, .timeline .timeline-gallery .carousel ul li.stack2 .list-item .article, .timeline .timeline-gallery .carousel ul li.stack3 .list-item .article { background: none; text-align: left; height: 33px; overflow: hidden; } .timeline .timeline-gallery .carousel li.stack .list-item .article a, .timeline .timeline-gallery .carousel ul li.stack2 .list-item .article a, .timeline .timeline-gallery .carousel ul li.stack3 .list-item .article a { padding: 0; font-size: 12px; line-height: 140%; } .timeline .timeline-gallery .carousel ul li.stack .list-item .article span.category, .timeline .timeline-gallery .carousel ul li.stack1 .list-item .article span.category, .timeline .timeline-gallery .carousel ul li.stack2 .list-item .article span.category, .timeline .timeline-gallery .carousel ul li.stack3 .list-item .article span.category { display: none; } .timeline .timeline-gallery .carousel li.stack .list-item .title-item, .timeline .timeline-gallery .carousel ul li.stack2 .list-item .title-item, .timeline .timeline-gallery .carousel ul li.stack3 .list-item .title-item { text-align: left; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin: 0 0 5px; font-size: 14px; } .timeline .timeline-gallery .carousel li.stack .list-item .media, .timeline .timeline-gallery .carousel ul li.stack2 .list-item .media, .timeline .timeline-gallery .carousel ul li.stack3 .list-item .media { font-size: 12px; text-align: left; height: 33px; } .timeline .timeline-gallery .carousel li.stack .list-item .media .category, .timeline .timeline-gallery .carousel ul li.stack2 .list-item .media .category, .timeline .timeline-gallery .carousel ul li.stack3 .list-item .media .category { display: none; } .timeline .timeline-gallery .carousel li.stack .list-item .media a, .timeline .timeline-gallery .carousel ul li.stack2 .list-item .media a, .timeline .timeline-gallery .carousel ul li.stack3 .list-item .media a { padding: 0 0 5px; } .timeline .timeline-gallery .carousel li.stack .list-item .media a img, .timeline .timeline-gallery .carousel ul li.stack2 .list-item .media a img, .timeline .timeline-gallery .carousel ul li.stack3 .list-item .media a img { float: right; width: 60px; margin: -30px 0px 0 10px; border-left: 10px solid #fff; } .timeline .timeline-gallery .carousel .jcarousel-item { width: 300px; } .timeline .timeline-gallery .carousel .jcarousel-skin-tango .jcarousel-clip { overflow: visible; } .timeline .timeline-gallery .carousel #mycarousel { overflow: visible !important; } .timeline .timeline-gallery .carousel .jcarousel-prev-horizontal { display: none !important; } .timeline .timeline-gallery .carousel .jcarousel-next-horizontal { display: none !important; } .timeline .timeline-gallery.iphone .carousel li.stack .list-item, .timeline .timeline-gallery.iphone .carousel ul li.stack2 .list-item, .timeline .timeline-gallery.iphone .carousel ul li.stack3 .list-item { padding-bottom: 12px !important; } .timeline .timeline-listing { display: none; } .timeline .timeline-year { display: none; } /*Timeline era mobile end*/ /*New Search start*/ .search .title-deco i { display: block; } .search .title-deco span { font-size: 12px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; letter-spacing: -1px; } .search .title-deco .quote { display: inline-block; *display: inline; zoom: 1; vertical-align: top; font-size: 12px; } .search .sidecol h3 { display: none; } .search .sidecol .filter { display: none; } #serachfilter-mobile { display: block; margin: 0px; } .search .mobile-space .filter-mobile { width: 300px; } .search .maincol .search-result .search-item { padding: 0; background: none; margin: 0 0 10px; width: 300px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .search .maincol .search-result .search-item .content { width: 224px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .search .maincol .search-result .search-item .content .date { border: 0; margin: 0 0 0px; font-size: 16px; } .search .maincol .search-result .search-item .content .search-title { font-size: 18px; font-weight: bold; color: #3366BB; padding: 0; font-weight: normal; letter-spacing: -0.5px; height: 50px !important; } .search .maincol .search-result .search-item figure { border: 0; float: none; } /*New Search end*/ .search .sidecol.sgresources .filter { display: block !important; } .search .sidecol.sgresources { width: 300px !important; } .search .sidecol.sgresources .three-dot-container { background: url(../images/fancy-dot-line.png) no-repeat scroll center top transparent; background-size: contain; padding-top: 20px; } .search .sidecol.sgresources .three-dot-container section { border: none !important; height: 60px; overflow-y: auto; padding: 0; } .search .sidecol.sgresources h3 { } .search .sidecol.sgresources .title-italic.mobile { display: block !important; font-size: 16px; } } .search .sidecol.sgresources .title-italic.mobile { display: none; } .subsection .controls { float: right; } .related .related-container section .subsection .controls a { text-decoration: underline; color: #3366BB; } .related .related-container #newspapers a { color: #3366BB; } .related .related-container #newspapers a img { max-width: 99px; max-height: 144px; min-width: 99px; min-height: 144px; } .subsection ul { margin: 0 0 30px; } .video { display: none; } .audio { display: none; }