@import url(http://fonts.googleapis.com/css?family=Rancho);
@import url(http://fonts.googleapis.com/css?family=Oswald);

#module_content.sub_module { border: none !important;}
.testprep-landing-hdr { display: block; height: 118px; width: 917px; overflow: hidden; background: url("https://media1.shmoop.com/images/landing_images/darkorange-banner.png") no-repeat transparent; margin: 0 auto; text-align: center;  }
#module_content.sub_module {border: none !important;}
#module_content.sub_module .testprep-landing-hdr h1 {color: #FFFFFF; font-family: 'Oswald'; font-size: 30px; font-weight: bold;text-transform: uppercase; line-height: 52px; margin: 0; text-shadow: 1px 1px 2px #333333;}
#module_content.sub_module .testprep-landing-hdr h3 {color: #000000; font-family: 'Rancho',cursive; font-size: 22pt; font-weight: normal; margin: 5px auto 0; text-align: center; line-height: 30px; width: 400px;}

.landing-left { width: 290px; float: left; margin: 0 30px; }
.landing-left h2 {text-align: center;}
.landing-right { width: 560px; float: left; }
.landing-right ul {list-style: square; margin: 0; padding-left: 20px;}
.landing-right li { margin: 0 0 10px 0;padding-left: 7px;}
.landing-right .cursive{text-align: left !important; margin-left: 0 !important;}

.landing-rightwrap { width: 100%; }
.landing-rightwrap ul {list-style: disc ;margin: 0; padding-left: 20px; margin-left: 10px;}
.landing-rightwrap li { margin: 0 0 12px 0;padding-left: 7px;}
.landing-rightwrap .cursive{text-align: left !important; margin-left: 0 !important;}
.landing-rightwrap ul.home-mods { width:305px;}

/* Common Layout*/
.grey-box { background: #f4f4f4; border-radius: 10px; padding: 20px 10px; border: 2px solid #dddedf; }
.grey-box h3 { font-family: 'Rancho',cursive; font-size: 28pt; margin: 0 0 10px 0; font-weight: normal; text-align: center; }
.grey-box h4 { margin: 0 10px 13px; }
.grey-box p {font-size: 12pt; padding-left:10px;}
.grey-box #home-buffalo {background: transparent url(https://media1.shmoop.com/images/sprites/sathome_sprite_general.png) -16px -794px no-repeat;width: 145px;height: 110px;} 
.grey-box .get-started {width:160px;background-color: #00a7cb; border-radius: 10px; margin: 25px auto 5px auto; padding: 12px 18px; text-align: center;color:#fff;font-family:BebasNeueRegular,impact,sans-serif;font-size:22pt;letter-spacing:1pt;}
.grey-box .sticker-price {background: transparent url(https://media1.shmoop.com/images/sprites/sathome_sprite_general-new.png) -16px -663px no-repeat;width: 117px;height: 117px;}
.grey-box ul.check-list { padding: 0 0 0 10px; margin: 0; list-style: none; }
.grey-box ul.check-list li { margin: 0 0 15px 0; background: transparent url("https://media1.shmoop.com/images/sprites/sprite-act.png") -551px -562px no-repeat; padding-left: 25px; }

#grey-separator {width:100%; height:1px; background-color: #fff; border-top:1px solid #dddedf;margin-top: 10px;margin-bottom: -5px;}

.need-to-know { float:left; width: 100px; margin: 15px 0;}
.landing-left .need-to-know:first-child {margin-left: -20px !important;}
.need-to-know li { color:#004b91;font-size: 16px; font-weight: bold; margin-bottom: 15px;}

h2 {color:#E15C40;font-family: 'Oswald';font-size:30px;font-weight:bold;text-transform:uppercase; margin-bottom:5px;margin-top:24px;}
h3 {margin-top: 25px;}
.cursive { font-family:'Rancho',cursive;font-size:22pt !important;font-weight:normal; line-height: 22pt; text-align: center; margin: 20px;}
.orange-cursive { color:#E15C40;font-family:'Rancho',cursive;font-size:22pt !important;font-weight:normal; line-height: 22pt; text-align: left; margin: 30px 0 20px 0;}

.darkblue-button {background-color: #0063B6; border-radius: 10px; margin: 5px auto 0; padding: 12px 15px; text-align: center;color:#fff;font-family: 'Oswald';font-size:26px;font-weight: bold;text-transform: uppercase;}


/*Navigation Styles*/
ul.act-nav { list-style: none; margin: 25px auto; padding: 0 0 10px 0; width: 890px; border-bottom: 2px solid #dddedf; height: 12px;}
ul.act-nav li { float: left; line-height: 18px;}
ul.act-nav li a { font-family: Arial,sans-serif; font-size: 14px; font-weight: bold; color: #004b91; padding: 5px 18px; color: #004b91; }
ul.act-nav li.first a { padding-left: 0; }
ul.act-nav li.active{display: block; position: relative; top: 2px;}
ul.act-nav li.active a { color: #8f9497; border-right: 2px solid #dddedf; border-left: 2px solid #dddedf; background: #FFF;}
ul.act-nav li.active a:hover { color: #dddedf; cursor: default; }
ul.act-nav li a:hover { color: #F26C37; }
ul.act-nav li.first.active a { border-left: none; }

/*Test Prep Landing*/

#calendar {float:right; background: transparent url("https://media1.shmoop.com/images/sprites/sprite-act.png") -700px -410px no-repeat; width: 255px; height: 200px;}
#calendar .year{ font-family: 'Oswald';font-size:20px;font-weight: bold;color: #fff;text-align: center;width:243px;}
#calendar #next-act{ padding: 0 20px; text-align: center; width:203px; margin-top:-14px;}
#calendar .nextdate-label {font-family: 'Rancho';font-size:25px;color: #00a7cb;}
#calendar .nextdate-value {font-family: 'Oswald';font-size:40px;font-weight: bold;color: #00a7cb;}
#calendar .nextdate-link {text-decoration: underline;font-weight: bold;font-size: 18px;}

ul.home-mods { float:left; list-style: none; margin: 0; padding: 0; width:265px;}
ul.home-mods li { float: left; margin: 0 20px 0 0; width: 248px; height: 130px; }
ul.home-mods li h3 { margin: 0 0 5px 0; }
ul.home-mods li ul { list-style: none; margin: 10px 0 0 0; padding: 0;  }
ul.home-mods li ul li {list-style: square; color: #105493;background: none; border-radius: 0; box-shadow: none;   padding:5px 0 0 0; width: auto; margin: 0; height: auto; float: none; border: none; font-size: 13px; font-weight: bold; }

ul.home-mods li .icon { float: left;  margin-right: 20px;}
ul.home-mods li.science .icon { background: transparent url("https://media1.shmoop.com/images/sprites/sprite-act.png") -221px -420px no-repeat; width: 72px; height: 75px;  }
ul.home-mods li.reading .icon { background: transparent url("https://media1.shmoop.com/images/sprites/sprite-act.png") -225px -525px no-repeat; width: 72px; height: 75px; }
ul.home-mods li.english .icon { background: transparent url("https://media1.shmoop.com/images/sprites/sprite-act.png") -46px -535px no-repeat; width: 72px; height: 75px; } 
ul.home-mods li.writing .icon { background: transparent url("https://media1.shmoop.com/images/sprites/sprite-act.png") -388px -532px no-repeat; width: 72px; height: 75px; }
ul.home-mods li.math .icon { background: transparent url("https://media1.shmoop.com/images/sprites/sprite-act.png") -45px -430px no-repeat; width: 72px; height: 75px; }

.districts { margin: 0 0 20px 0; background: #F4F4F4; border: 1px solid #D4D4D4; border-radius: 10px; min-height: 135px; padding: 10px 20px 0; }
.districts .offer p { width: auto; margin: 0; font-size: 15px; text-align: left; }
.districts h3 { color: #444444; font-size: 22px;  margin: 0 0 5px;}
.districts a.learnmore-btn { padding-top: 8px; font-size: 16px; height: 25px; }

/*Online Prep Landing*/

#study-buff{ background: transparent url("https://media1.shmoop.com/images/sprites/sprite-act.png") -60px -200px no-repeat; width: 240px; height: 155px;margin: 15px auto 0 auto;} 

#one-two { background: transparent url("https://media1.shmoop.com/images/sprites/sprite-act.png") -20px -25px no-repeat; width: 425px; height: 115px; margin: 0 auto;}
#three { background: transparent url("https://media1.shmoop.com/images/sprites/sprite-act.png") -440px -185px no-repeat; width: 480px; height: 225px; margin-left: 68px;cursor:pointer;}

#content-one {float:left; width:275px;margin-left:20px;}
#content-two {float:left;width:240px;margin-left:20px;}
#content-three {width:275px;padding-top:100px;margin-left: -48px;}
.steps {font-size: 18px;line-height: 52px;font-weight: bold;}

#practice-icon { background: transparent url("https://media1.shmoop.com/images/sprites/sprite-act.png") -627px -53px no-repeat; width: 42px; height: 42px; float:left;padding-right: 13px;}
#track-icon { background: transparent url("https://media1.shmoop.com/images/sprites/sprite-act.png") -754px -55px no-repeat; width: 42px; height: 42px; float:left;padding-right: 12px;}
#improve-icon { background: transparent url("https://media1.shmoop.com/images/sprites/sprite-act.png") -867px -53px no-repeat; width: 42px; height: 42px; float:left;padding-right: 12px;}

/*Tips Landing*/

div#testprep_options {text-align: center;}
div#testprep_options ul { padding:0; list-style: none; }
div#testprep_options ul li { padding-left: 45px; font-size: 16px;padding-bottom: 15px;position:relative;}
#a, #b, #c, #d{ color: #bbc1c6; font-size: 18pt;font-weight: bold; margin-right: 20px; position:absolute; left: 15px; top:-4px;}
#e { font-size: 16pt;font-weight: bold; color:#fff; background-color: #0063b6; padding-top: 10px; padding-bottom: 10px !important;border-radius: 10px; cursor:pointer;}

ul.subjects {float:left; width:150px; list-style: disc;margin-left: 15px;}
ul.act-test {float:left; width:200px; list-style: disc;margin-left: 25px;}

/*Dates Landing*/

#calendar-icon {background: transparent url(https://media1.shmoop.com/images/sprites/dates-calendar-sprite.png) -5px -20px no-repeat; width: 110px; height: 69px; float: left;}

#next_calendar_event {margin-top: 30px;}
#next_calendar_event .large_event_date{float: left; width: 174px; height: 173px; background: transparent url(https://media1.shmoop.com/images/sprites/dates-calendar-sprite.png) -15px -155px no-repeat; text-align: center;  padding-top: 30px;}
#next_calendar_event .event_extra{float: left; }
#next_calendar_event .event_extra .columns{float: left; width: 156px; text-align: center; font-weight: bold;}
#next_calendar_event .event_extra .largecolumn{float: left; width: 300px; margin-left: 22px; margin-top: 15px; font-weight: bold;}
.normal-date{font-size: 34px; font-family:'Oswald'; font-weight: bold; color: #00a7cb;}

#next_calendar_event .large_event_date .date{font-size: 45px; font-family:'Oswald'; font-weight: bold; color: #fff;}
#next_calendar_event .large_event_date .days-left{font-size: 27px; font-family:'Oswald'; font-weight: bold; color: #0063b6;}

.forward_event{height: 88px; float:left;margin-left:22px;margin-top: 15px;}
.forward_event .main_date{background: transparent url(https://media1.shmoop.com/images/sprites/dates-calendar-sprite.png) -15px -423px no-repeat; width: 88px; height: 90px; color: #00a7cb; font-size: 22px; font-family:'Oswald'; font-weight: bold;  text-align: center; padding-top: 4px;}

#upcoming-box {background: transparent url(https://media1.shmoop.com/images/testprep/testprep-date-brackets.png ) -206px -31px no-repeat;width: 564px;height: 41px;margin-left:-7px}
#upcoming ul {float:left;width:188px;list-style: square; margin: 0 0 10px 65px; padding: 0;font-size: 18px;font-weight: bold;}
#upcoming-box-bottom {background: transparent url(https://media1.shmoop.com/images/testprep/testprep-date-brackets.png ) -206px -186px no-repeat;width: 564px;height: 41px;margin-left:-7px}

/*Scoring Landing*/
#score-icon { background: url(https://media1.shmoop.com/images/act/actscoring-icon.jpg); width: 97px; height: 77px; float: left;margin: 12px 14px 0 0;}
ul.act-scored {float:left; width:230px; list-style: disc;margin-left: 20px;}

/*College Scores*/
/*College Styles*/
#college-icon {background: url("https://media1.shmoop.com/images/sprites/sat-scores-for-college-sprite.jpg") no-repeat scroll -15px -5px transparent;float: left;height: 72px;position: relative;top: 7px;width: 95px;}

.college-crests { background: transparent url("https://media1.shmoop.com/images/sprites/sat-scores-for-college-sprite.jpg") 0 -99px no-repeat; width: 247px; height: 85px; margin: 0 auto; }

.college-scores { list-style: none; margin: 35px 0 0 0; padding: 0; }
.college-scores > div{padding-bottom: 20px;}
.college-scores > div > div {padding: 5px; margin: 0 0 20px 0; float: left; width: 270px;}
.college-scores > div > div h3 { margin: 0; text-shadow: none; font-size: 20px; font-weight: bold; color: #20292f; line-height: 22px;width:265px;}
.college-scores > div > div ul { list-style: none; margin: 0; padding: 0 0 0 10px; }
.college-scores > div > div ul li { float: left; background: #FFF; border-radius: 6px; padding: 4px; margin: 0 15px 0 0; text-align: center; width:90px;}
.college-scores .crest { background: transparent url(https://media1.shmoop.com/images/sat/sat-average-college-sprites.jpg) no-repeat; padding-right: 10px; float: left; clear: both; position: relative; top: -5px;}
.college-scores > div > div ul li.last { margin: 0; }
.college-scores > div > div ul li p { margin: 0 0 10px 0; color: #5d5d5d; text-align: center; }
.college-scores > div > div ul li p.sub { font-weight: bold; font-size: 20px; font-family:'Oswald'; color: #00a7cb; text-transform:uppercase; }
.college-scores > div > div ul li p.pct { font-size: 16px; color: #aaa; }
.college-scores > div > div ul li p.score { font-size: 16px; margin: 0; color: #20292f; font-weight: bold;}

.college-scores .berkeley .crest { background-position: 0 0; width: 65px; height: 65px; }
.college-scores .harvard .crest { background-position: 0 -65px; width: 65px; height: 65px; }
.college-scores .ucla .crest { background-position: 0 -130px; width: 65px; height: 65px;  }
.college-scores .nyu .crest { background-position: 0 -195px; width: 65px; height: 65px; }
.college-scores .bu .crest { background-position: 0 -260px; width: 65px; height: 65px; }
.college-scores .chicago .crest { background-position: 0 -325px; width: 65px; height: 65px; }
.college-scores .ut .crest { background-position: 0 -390px; width: 65px; height: 65px; }
.college-scores .princeton .crest { background-position: 0 -455px; width: 65px; height: 65px; }
.college-scores .northwestern .crest { background-position: 0 -520px; width: 65px; height: 65px; }
.college-scores .stanford .crest { background-position: 0 -585px; width: 65px; height: 65px; }

/*ACT Reading*/
.list-answer { width:120px; margin-left: 15px;}

/*ACT Writing*/
ul.act-writing {list-style: none; margin: 17px 0 5px 350px;}

/*ACT Science*/
#three-worms {background: url(https://media1.shmoop.com/images/act/act-science-sprite.jpg) no-repeat; width: 555px;height: 190px;margin-left:360px;}
#worm {background: url(https://media1.shmoop.com/images/act/act-science-sprite.jpg) -35px -220px no-repeat; width: 95px;height: 165px; float:left;margin: 5px 10px 152px 5px;}
#want-change {background: url(https://media1.shmoop.com/images/act/act-science-sprite.jpg) -315px -220px no-repeat; width: 170px;height: 170px;float:left;margin: 15px 35px 45px 5px;}

#question-sheet {padding: 5px 15px 0 15px;}
#question-sheet ul {list-style: none; margin-left:15px;}
#question-sheet ul li {padding: 0; margin-bottom: 2px;}
#question-sheet .science-answer {padding-bottom: 15px; font-style: italic; font-size: 14px;}
#question-sheet .good-answer {color: #5fadf2; font-weight: bold;}

#act-experiment {text-align:center; width:800px; margin: 0 20px;}
#act-experiment tr {height: 26px;}

.math-shack-promo{float: right; width: 255px; padding-left: 20px;}
.math-shack-promo .icon { width: 212px; height: 154px; background: transparent url("https://media1.shmoop.com/images/testprep/sat-landing-mathshack-icon.png") no-repeat; margin: 0 auto; }
.math-shack-promo .content { background: #E15C40; padding: 15px 15px 5px 15px; border-radius: 8px; position: relative; top: -5px; }
.math-shack-promo .content h3 { color: #FFF; font-family: 'Oswald', impact, sans-serif; font-size: 24pt; margin: 0; line-height: 36px; text-transform: uppercase; }
.math-shack-promo .content a { background-color: #de583b; border-radius: 10px 10px 10px 10px; color: #FFFFFF; font-family: 'Oswald'; font-size: 18px; margin: 5px 0; padding: 8px 10px; text-align: center; text-transform: uppercase; display: block; width: 100px; }