@import url(http://fonts.googleapis.com/css?family=Old+Standard+TT);

/*Dates*/
.dates .header { background: transparent url("https://media1.shmoop.com/images/sat/sat-dates-sprite.png") no-repeat; background-position: -274px -1px; padding: 0 0 5px 130px; }
ul.date-list { list-style: none; margin: 0; padding: 0; width: 885px; margin: 45px auto 40px; font-family: 'Old Standard TT', serif; }
ul.date-list li { width: 170px; height: 185px; float: left; margin: 50px 20px 0 0; background: #f8f8f8; border-radius: 6px; box-shadow: 1px 2px 4px #888; padding: 10px; text-align: center;  }
ul.date-list li .test-date { width: 90px; height: 80px; background: transparent url("https://media1.shmoop.com/images/sat/sat-dates-sprite.png") no-repeat; background-position: 0 -180px; float: left; padding: 5px 0; color: #FFF; font-size: 24px; margin: 0 8px 0 0; line-height: 34px; }
ul.date-list li .test-date span { display: block; font-size: 55px; }
ul.date-list li .reg { width: 60px; float: left; margin: 0 0 4px 0; }
ul.date-list li .reg p { margin: 0 0 5px 0; font-size: 12px; font-weight: bold; line-height: 14px; }
ul.date-list li .reg .reg-date { width: 60px; height: 54px;  background: transparent url("https://media1.shmoop.com/images/sat/sat-dates-sprite.png") no-repeat; background-position: -92px -180px; color: #FFF; padding: 3px 0 0 0; font-size: 18px; line-height: 20px; margin: 0 0 0 8px; }
ul.date-list li .reg .reg-date span { display: block; font-size: 31px; }
ul.date-list li .days-left { width: 90px; float: left; margin: 15px 8px 0 0; font-size: 28px; font-weight: bold; line-height: 30px;  }
ul.date-list li .days-left p { margin: 0; font-size: 18px; line-height: 8px; }
ul.date-list li .days-left a { font-size: 14px; font-weight: normal; }

ul.date-list li.next-date { margin: 0 20px 0 0; width: 380px; height: 235px;  }
ul.date-list li.next-date .test-date { color: #FFF; width: 118px; height: 158px; background: transparent url("https://media1.shmoop.com/images/sat/sat-dates-sprite.png") no-repeat; position: relative; left: -40px; top: -40px; padding: 10px 30px; font-size: 45px; float: left; margin:0 -20px -30px 0; line-height: 59px; }
ul.date-list li.next-date .test-date span { display: block; font-size: 105px; line-height: 65px; }
ul.date-list li.next-date .reg { width: 95px; float: left; margin: 0 15px 0 0; }
ul.date-list li.next-date .reg p { font-weight: bold; margin: 0 0 10px 0; font-size: 13px;  }
ul.date-list li.next-date .reg .reg-date { width: 94px; height: 85px; background: transparent url("https://media1.shmoop.com/images/sat/sat-dates-sprite.png") no-repeat; background-position: -179px 0; color: #FFF; padding: 5px 0; font-size: 30px; line-height: 35px; }
ul.date-list li.next-date .reg .reg-date span { display: block; font-size: 50px; }
ul.date-list li.next-date .days-left { float: left; width: 120px; font-size: 50px; font-weight: bold; margin: 0 20px 0 0; line-height: 58px; height: 78px; }
ul.date-list li.next-date .days-left p { margin: 0; font-size: 22px; }
ul.date-list li.next-date .dates-links { float: left; width: 225px;}
ul.date-list li.next-date .dates-links a { display: block; border-radius: 10px; color: #FFF; font-size: 18px; padding: 8px 20px; margin: 4px 0; background: transparent url("https://media1.shmoop.com/images/sat/sat-mini-repeatx.gif") repeat-x; height: 23px; line-height: 21px; font-family: "Lucida Sans Unicode","Lucida Grande",Helvetica,Arial,Verdana,sans-serif; cursor: pointer; }
ul.date-list li.next-date .dates-links a.signup { background-position: 0 -47px; }