.writing-guide-hdr { background: transparent url("https://media1.shmoop.com/images/sprites/writing-guide-repeatX.png") repeat-x; height: 99px; border-top: 2px solid #000; border-bottom: 1px solid #F36423; position: relative;  }
.writing-guide-hdr .writing-guide-icon { background: transparent url("https://media1.shmoop.com/images/sprites/writing-guide-sprite.png") 0 -82px no-repeat; width: 183px; height: 159px; position: absolute; top: -15px; left: -30px; }
.writing-guide-hdr h1 { margin: 10px 0 0 180px; background: transparent url("https://media1.shmoop.com/images/sprites/writing-guide-sprite.png") no-repeat; width: 380px; height: 81px; text-indent: -9999px; float: left; }
.writing-guide-hdr .section { float: left; margin: 42px 0 0 20px; width: 365px; border: 1px solid #d8d0c3; border-right: none; border-left: none; padding: 10px 5px; color: #0f486e; font-size: 12pt; }

#page { margin: 0 auto 20px; padding-bottom: 20px; border: 1px solid #CCC; border-top: none; }

ul.left-nav { list-style: none; margin: 0; padding: 0; width: 270px; float: left; margin: 0 20px 0 0; background: #dbe2e8; border-right: 1px solid #F36423; border-bottom: 1px solid #F36423; border-bottom-right-radius: 10px; overflow: hidden; }
ul.left-nav p.steps { height: 73px; margin: 0; padding: 35px 20px 0 20px; color: #46515c; font-size: 18pt; text-shadow: 1px 1px 0 #FFF; overflow: hidden; background: transparent url("https://media1.shmoop.com/images/sprites/writing-guide-repeatX.png") 0 -122px repeat-x;}
ul.left-nav p.steps .blue { font-size: 24pt; color: #1f8dd6; }
ul.left-nav p.steps .small { font-size: 14pt; }
ul.left-nav p.steps .right-text { display: block; text-align: right; }
ul.left-nav li span,
ul.left-nav li a { padding: 15px 10px; display: block; border-top: 1px solid #e9eef2; border-bottom: 1px solid #9cacba; color: #46515c; text-shadow: 1px 1px 0 #e9eef2; font-size: 11pt; background: #dbe2e8; }
ul.left-nav .filler { height: 280px; width: 100%; background: transparent url("https://media1.shmoop.com/images/sprites/writing-guide-repeatX.png") 0 -248px repeat-x; }
ul.left-nav li a:hover { background: #e2e9ed; }
ul.left-nav li a.active { background: #FFF; border-left: 15px solid #1f8dd6; border-top: none; border-bottom: none;  }

ul.left-nav li ul { list-style: none; margin: 0; padding: 0; }
ul.left-nav li ul li a { padding: 10px 5px 10px 25px;  }

.right-content { float: left; width: 648px; padding: 20px 20px 0 0;  }
.right-content h2 { margin: 0 0 20px 0; font-size: 15pt; color: #F36423; font-family: 'Open Sans',Arial,sans-serif; }

.right-content .quotes { border: 1px solid #F36423; padding: 15px; margin: 0 20px 0 0; }

.video { width: 640px; margin: 0 auto 20px; }

.right-ad { float: right; margin: 0 0 15px 15px; }

ul.page-nav { list-style: none; float: right; }
ul.page-nav li { float: left; width: auto; margin: 0 5px 0 0; }
ul.page-nav li span { position: relative; top: 10px; }
ul.page-nav li a { color: #000; }
ul.page-nav li.less a,
ul.page-nav li.more a { display: block; width: 71px; background: transparent url("https://media1.shmoop.com/images/sprites/writing-guide-sprite.png") -206px -93px no-repeat; height: 32px; font-size: 12pt; padding: 5px 17px 0 0;}
ul.page-nav li.less a { text-align: right; }
ul.page-nav li.more a { background-position: -304px -93px; padding: 5px 0 0 17px; }
ul.page-nav li.less a:hover { background-position: -206px -143px; }
ul.page-nav li.more a:hover { background-position: -304px -143px; }
ul.page-nav li.less.inactive a { background-position: -206px -194px; color: #777; cursor: default; }
ul.page-nav li.more.inactive a { background-position: -304px -194px; color: #777; cursor: default; }

span.number { background: transparent url("https://media1.shmoop.com/images/sprites/writing-guide-sprite.png") -8px -254px no-repeat; display: block; width: 27px; height: 25px; float: left;  margin: 0 5px 0 0 ; color: #FFF; font-size: 14pt; text-align: center; padding: 2px  0 0 0; text-shadow: -1px -1px 0 #2082ae; }

ul.generic-list li { margin: 10px 0; }

ul.five-par-nav { list-style: none; margin: 10px 0 0 86px; padding: 0; float: left; }
ul.five-par-nav li { float: left; padding: 0 8px; border-right: 1px solid #000; }
ul.five-par-nav li a { color: #1F8DD6; text-decoration: underline; }
ul.five-par-nav li.conclusion { border: none; }
/*ul.five-par-nav li.example { border: none; }*/
ul.five-par-nav li.strategies { border: none; }
ul.five-par-nav li.active a { color: #FF5900; text-decoration: none; }

ul.essay-type-nav { list-style: none; margin: 10px 0 0 86px; padding: 0; float: left; }
ul.essay-type-nav li { float: left; margin: 0 10px 0 0; }
ul.essay-type-nav li a { background: none repeat scroll 0 0 #F26C37; box-shadow: 2px 2px 0 #000000; color: #FFFFFF; display: block; font-family: 'Open Sans',Arial,sans-serif; padding: 6px; }
ul.essay-type-nav li a:hover { color: #000; }

strong.emph { color: #F36423; font-size: 12pt; display: block; padding-top: 3px; }

a.lab-link { background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #C0CCD7; border-radius: 2px 2px 2px 2px; color: #5B6A78; cursor: pointer; display: block; font-weight: bold; text-align: center; margin: 20px 0 0 0; }
a.lab-link span { border: 1px solid #FFFFFF; border-radius: 2px 2px 2px 2px; display: block; padding: 5px 10px; }
a.lab-link span:hover { color: #F36423; }

.blue-button{ background: transparent url("https://media1.shmoop.com/images/sprites/writing-guide-sprite.png") -8px -310px no-repeat; width: 385px; height: 50px; margin: 10px auto; text-align: center; color: #fff; cursor: pointer; font-weight: bold; line-height: 47px; font-size: 15px;}
.blue-button:hover {color: #E15C40;}

.centered-image {display: block; margin: 0 auto;}
.image-caption {font-size: 13px; font-weight: bold; text-align: center;}

#btnStartWriting {display: block; float: right; width: 148px; height: 33px; background: transparent url("https://media1.shmoop.com/images/homepage/start-writing-essay-lab.png") no-repeat;}

.tooltips{color: #0C32AA; }
.tooltip-content {background-color: #0C32AA; z-index: 99999; color: #fff; padding: 5px 15px; border-radius: 10px; margin-top: 20px; position: relative;}
.tooltip-content .tooltip-arrow {width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 20px solid #0C32AA; position: absolute; top: -16px;}
.tooltip-content p{padding: 0; margin: 0;}

#btnSampleEssay {display: block; float: right; width: 138px; height: 33px; background: transparent url("https://media1.shmoop.com/images/homepage/sample-essay.png") no-repeat;}
.EssayLabCenterButtons {display: block; float: center; width: 286px; margin:auto; }

.index-essays-list{text-align: center;line-height: 3em;}