body { background: #FFF; }
	

.progress-hdr { background: url("https://media1.shmoop.com/images/testprep/testprep_leaderboard_hdr_bg.gif") repeat-x scroll 0 0 transparent; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.progress-hdr h2 {  color: #000000; font-family: "Lucida Sans Unicode","Lucida Grande",Helvetica,Arial,Verdana,sans-serif; font-size: 15px; height: 16px; margin: 0; padding: 8px 20px; text-shadow: 1px 1px 1px #FFFFFF; text-transform: none; float: left; width: 400px; }
.reset-btn { float: right; width: 163px; height: 16px; background: #fddb74; border: 1px solid #f36523; border-radius: 3px; margin: 3px 10px 0 0; padding: 4px 0; cursor: pointer; box-shadow: 1px 1px 3px #222;}
.reset-btn span { background: transparent url('https://media1.shmoop.com/images/testprep/analysis-elements-sprite.png') no-repeat; background-position: -27px -222px; padding-left: 27px; text-shadow: 1px 1px 1px #fff085;  }

.progress-wrapper { padding: 20px 10px;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; float: left; width: 425px; margin: 0 0 0 20px; }

/*Progress Summary*/
.progress-summary { /*background: #FBFBFB; border-radius: 6px; padding: 1px; box-shadow: 1px 2px 3px #999;*/ margin-bottom: 20px; padding-bottom: 10px;}
.progress-summary h3 { text-shadow: 1px 1px 1px #FFFFFF; font-family: "Lucida Sans Unicode","Lucida Grande",Helvetica,Arial,Verdana,sans-serif; font-size: 15px; background: #e2e0db; border-top-left-radius: 6px; border-top-right-radius: 6px; margin: 0; border-bottom: 1px solid #878683; padding: 7px 10px;color: #3f3254;  }
.table-wrapper { border: 1px solid #e2c180; border-radius: 10px; -moz-border-radius: 10px;  margin: 0 auto 20px;overflow: hidden; }
.table-wrapper.incomplete { opacity: 0.5; filter: alpha(opacity = 50); zoom: 1;}

.progress-summary table { background: #feeaac; width: 100%; }
.progress-summary table tr td { padding: 10px 10px 10px 20px; color: #3f321d; display: none; }
.progress-summary table tr.shmoints td,
.progress-summary table tr.topics td { border-bottom: 1px solid #e2c180; border-right: 1px solid #e2c180; }
.progress-summary table tr.drills td { border-bottom: 1px solid #e2c180; border-right: 1px solid #e2c180; background: #fff1c7;}
.progress-summary table tr.practice_exams td {background: #fff1c7; border-right: 1px solid #e2c180;}
.progress-summary table tr td.last { border-right: none; display: table-cell; *display: block;}
.progress-summary table tr td.cat { font-weight: bold; text-shadow: 1px 1px 1px #FFF; display: table-cell; *display: block;}
.progress-summary table tr td span.last,
.progress-summary table tr td span.this,
.progress-summary table tr td span.overall { font-weight: bold; font-size: 15px; padding: 0 10px }

.progress-summary table tr.shmoints td.cat { background: transparent url('https://media1.shmoop.com/images/testprep/analysis-elements-sprite.png') no-repeat; padding-left: 45px; background-position: -15px -374px;}
.progress-summary table tr.drills td.cat { background: #fff1c7 url("https://media1.shmoop.com/images/testprep/drill-icons-sprite.png") no-repeat; padding-left: 45px; background-position: 5px -88px;}
.progress-summary table tr.topics td.cat { background: transparent url('https://media1.shmoop.com/images/testprep/analysis-elements-sprite.png') no-repeat; padding-left: 45px; background-position: -16px -423px;}
.progress-summary table tr.practice_exams td.cat { background: #fff1c7 url('https://media1.shmoop.com/images/testprep/analysis-elements-sprite.png') no-repeat; padding-left: 45px; background-position: -16px -474px;}

.progress-summary table tr.even td { border-bottom: 1px solid #e2c180; border-right: 1px solid #e2c180; }
.progress-summary table tr.odd td { border-bottom: 1px solid #e2c180; background: #fff1c7; border-right: 1px solid #e2c180; }

.progress-summary .diagnostic { font-weight: bold; background: transparent url('https://media1.shmoop.com/images/testprep/analysis-elements-sprite.png') no-repeat; padding: 3px 0 2px 35px; }
.progress-summary .diagnostic.complete { background-position: -27px -286px; *background-position: -20px -277px;}
.progress-summary .diagnostic.incomplete { background-position: -24px -324px; }

span.percentage { background: transparent url('https://media1.shmoop.com/images/testprep/analysis-elements-sprite.png') no-repeat;  padding-left: 25px; }
span.up {background-position: -27px -131px; color: #7ea66c;}
span.down {background-position: -27px -148px; color: #d15151; }
span.same {background-position: -27px -164px; }

/*Skills Breakdown*/
#skills-breakdown { background: #F9F8F7; border-radius: 6px; padding: 1px;margin-bottom: 20px; padding-bottom: 10px; box-shadow: 1px 2px 3px #999; overflow: hidden; }
#skills-breakdown h3 { text-shadow: 1px 1px 1px #FFFFFF; font-family: "Lucida Sans Unicode","Lucida Grande",Helvetica,Arial,Verdana,sans-serif; font-size: 15px; background: #e2e0db; border-top-left-radius: 6px; border-top-right-radius: 6px; margin: 0; border-bottom: 1px solid #878683; padding: 7px 10px;color: #3f3254;  }
#skills-breakdown h3 p.undertext { text-align: left; margin: 3px 0 0 0; font-size: 12px; }
#skills-breakdown h3 .hdr {  }
#skills-breakdown h3 .update { float: right; font-size: 14px; font-weight: normal; font-style: italic; text-shadow: none; color: #707070; }

ul.filters { list-style: none; margin: 20px 0; padding: 0; }
ul.filters li { float: left; border-right: 1px solid #878683; padding: 0 15px; }
ul.filters li.last { border: none; }
ul.filters li a { color: #4c7cb9; }

.skills-box { border: 1px solid #cecece; border-radius: 6px; background: #FFF url('https://media1.shmoop.com/images/testprep/skillsbox-bg.png') repeat-x bottom; width: 670px; padding: 3px 3px 5px 3px; box-shadow: 1px 1px 2px #AAA;}
.skills-box ul.tabs { list-style: none;  margin: 2px 0 0 8px; padding: 0; border: none; border-radius: 0; border-bottom: 1px dotted #AAA; padding-bottom: 3px; }
.skills-box ul.tabs li { float: left; }
.skills-box ul.tabs li.heading { width: 620px; }
#skills-breakdown .skills-box ul.tabs li.heading h3 { background: transparent url('https://media1.shmoop.com/images/testprep/analysis-elements-sprite.png') no-repeat; color: #0e2aa0; text-shadow: none; padding: 3px 0 0 30px; height: 19px; border: none;}
#skills-breakdown .skills-box ul.tabs li.heading h3 span{ float: left; }
#skills-breakdown .skills-box ul.tabs li.heading h3 a { background: transparent url('https://media1.shmoop.com/images/testprep/analysis-elements-sprite.png') no-repeat; display: block; float: left; width: 66px; height: 21px; text-indent: -9999px; overflow: hidden; background-position: -6px 0; margin-left: 10px; }

#skills-breakdown .skills-box ul.tabs li.up h3 { background-position: -29px -49px; }
#skills-breakdown .skills-box ul.tabs li.same h3 { background-position: -29px -71px; height: 15px; }
#skills-breakdown .skills-box ul.tabs li.down h3 { background-position: -29px -89px; }
#skills-breakdown .skills-box ul.tabs li.mastered h3 { background-position: -29px -111px; }

.skills-box ul.tabs li.trend { background: transparent url('https://media1.shmoop.com/images/testprep/analysis-elements-sprite.png') no-repeat; background-position: -0 -22px; height: 19px; padding:8px 10px 0 50px; font-weight: bold; border-right: 1px solid #D6D6D6; width: 100px; }
.skills-box ul.tabs li.mastery { background: transparent url('https://media1.shmoop.com/images/testprep/analysis-elements-sprite.png') no-repeat; padding: 3px 0 0 40px; font-weight: bold; margin: 5px 0 0 0; }
.skills-box ul.tabs li.unmastered { background-position: -20px -240px; color: #d7d7d7; }
.skills-box ul.tabs li.mastered { background-position: -20px -111px;  }

.skill-box-row .want_to_improve .list{display: none;}
.skill-box-row .want_to_improve .list .title{color: #3f321d; font-size: 14px; white-space: normal; font-family: Arial,sans-serif;}

/*
.skill-box-row .want_to_improve .xList_container{width: 95% !important; margin: 10px auto;}
.skill-box-row .want_to_improve .xList_header{color: #0e2aa0; text-shadow: none;}
.skill-box-row .want_to_improve ul.xList{float: left; width: 50%;}
.skill-box-row .want_to_improve ul.xList:first-child{border-right: 1px solid #E4E2DD; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:        border-box;}
*/

.skill-box-row{margin: 0 0 20px 4px;}
.skill-box-row > div{float: left;}
.skill-box-row .want_to_improve{width: 220px; margin-left: 10px; text-align: center; font-size: 16px; cursor: pointer; border: 1px solid #aaa; border-radius: 6px;}
/*
.skill-box-row .want_to_improve > .title{ height: 55px; background-color: #4aa1ea; border-radius: 6px; padding-top: 14px;} */
.skill-box-row .want_to_improve ul{padding-left: 10px; text-align: left;}
.skill-box-row .want_to_improve li{padding-bottom: 5px;}
.skill-box-row .want_to_improve li a{color: black;}
.skill-box-row .want_to_improve ul, .skill-box-row .want_to_improve li{list-style: none;}
.skill-box-row .want_to_improve .title{color: #0e2aa0; text-shadow: none; font-family: "Lucida Sans Unicode","Lucida Grande",Helvetica,Arial,Verdana,sans-serif; font-size: 15px;}

a.top-link { color: #4c7cb9; display: block; margin: 0 0 10px 10px; }

/*Graphing Styles*/
.skills-graph { margin-top: 3px; }
.skills-graph .graph { width: 665px; height: 17px; background: url('https://media1.shmoop.com/images/testprep/analysis-bg-sprite.png') repeat-x; background-position: 0 -113px;  position: relative; border-right: 1px solid #adb9c2; margin-left: 3px; }

.up .current-graph { height: 17px;  background: url('https://media1.shmoop.com/images/testprep/analysis-bg-sprite.png') repeat-x; background-position: 0 -130px;  position: absolute; top: 0; z-index: 1;}
.up .original-graph { height: 17px; background: url('https://media1.shmoop.com/images/testprep/analysis-bg-sprite.png') repeat-x; background-position: 0 -147px;  position: absolute; top: 0; z-index: 999; }
.same .current-graph { height: 17px; background: url('https://media1.shmoop.com/images/testprep/analysis-bg-sprite.png') repeat-x; background-position: 0 -164px;  position: absolute; top: 0; z-index: 1;}
.same .original-graph { height: 17px; background: url('https://media1.shmoop.com/images/testprep/analysis-bg-sprite.png') repeat-x; background-position: 0 -164px;  position: absolute; top: 0; z-index: 1;}
.down .current-graph { height: 17px; background: url('https://media1.shmoop.com/images/testprep/analysis-bg-sprite.png') repeat-x; background-position: 0 -181px;  position: absolute; top: 0; z-index: 1;}
.down .original-graph { height: 17px; background: url('https://media1.shmoop.com/images/testprep/analysis-bg-sprite.png') repeat-x; background-position: 0 -198px;  position: absolute; top: 0; z-index: 1;}
.mastered .current-graph { height: 17px; background: url('https://media1.shmoop.com/images/testprep/analysis-bg-sprite.png') repeat-x; background-position: 0 -215px;  position: absolute; top: 0; z-index: 9999;}

.current-percentage {  position: relative; }
.current-percentage .percentage { background: transparent url('https://media1.shmoop.com/images/testprep/analysis-elements-sprite.png') no-repeat; padding-left: 35px; font-weight: bold; margin-bottom: -3px; }
.current-percentage div { position: relative; right: 80px; }
.current-percentage span { font-size: 16px;}
.current-percentage .arrow {  margin:-2px 0 1px 94px; }

.original-percentage { position: relative; color: #737373; }
.original-percentage div { position: relative; right: 40px; margin-top: -3px; }
.original-percentage span { font-size: 16px; }
.original-percentage .arrow{  margin:1px 0 -2px 56px;  }

.up .current-percentage .percentage { background-position: -24px -181px; }
.down .current-percentage .percentage { background-position: -24px -201px; }
.same .current-percentage .percentage { background-position: -14px -164px; }
.mastered .current-percentage .percentage { background: none; }
.mastered .current-percentage .percentage span { color: #3088ed; }

.current-arrow { background: transparent url('https://media1.shmoop.com/images/testprep/analysis-elements-sprite.png') no-repeat; width: 10px; height: 5px; background-position: right -272px;  padding-right: 38px; }
.original-arrow { background: transparent url('https://media1.shmoop.com/images/testprep/analysis-elements-sprite.png') no-repeat; width: 10px; height: 5px; background-position: right -262px;  padding-right: 38px; }

/* .mastered .current-percentage { left: 97% !important; } */
.mastered .current-arrow { background: none; }