/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    word-wrap: break-word;
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
    color: #424242;
    background: #f9f9f9;
}

/*
 * Removes default margin.
 */

body {
	font-family: LFT-Etica-Web, Arial, sans-serif; /* 1 */
    margin: 0;
    text-rendering: optimizeLegibility; /* This activates ligatures and kerning in some browsers. */
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong,
.strong {
    font-weight: bold;
}

.semi-bold, 
b { font-family: LFT-Etica-Web-Semibold, Arial; }

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
    padding: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* Responsive Media */
img,
embed,
object,
video {
  max-width: 100%; 
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* LFT Etica */

/* Regular */
@font-face {
  font-family:'LFT-Etica-Web';
  src:
      url('http://www.sparknotes.com/fonts/lft-etica/LFT_Etica_Reg.eot?#iefix') format('embedded-opentype'),
      url('http://www.sparknotes.com/fonts/lft-etica/LFT_Etica_Reg.woff') format('woff'),
      url('http://www.sparknotes.com/fonts/lft-etica/LFT_Etica_Reg.ttf')  format('truetype');
  font-weight: normal;
}
@font-face {
  font-family:'LFT-Etica-Web';
  src:
      url('http://www.sparknotes.com/fonts/lft-etica/LFT_Etica_Italic.eot?#iefix') format('embedded-opentype'),
      url('http://www.sparknotes.com/fonts/lft-etica/LFT_Etica_Italic.woff') format('woff'),
      url('http://www.sparknotes.com/fonts/lft-etica/LFT_Etica_Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

/* Semibold */
@font-face {
  font-family:'LFT-Etica-Web-Semibold';
  src:
      url('http://www.sparknotes.com/fonts/lft-etica/LFT_Etica_Semibold.eot?#iefix') format('embedded-opentype'),
      url('http://www.sparknotes.com/fonts/lft-etica/LFT_Etica_Semibold.woff') format('woff'),
      url('http://www.sparknotes.com/fonts/lft-etica/LFT_Etica_Semibold.ttf') format('truetype');
  font-weight: bold;
}
@font-face {
  font-family:'LFT-Etica-Web-Semibold';
  src:
      url('http://www.sparknotes.com/fonts/lft-etica/LFT_Etica_SemiboldItalic.eot?#iefix') format('embedded-opentype'),
      url('http://www.sparknotes.com/fonts/lft-etica/LFT_Etica_SemiboldItalic.woff') format('woff'),
      url('http://www.sparknotes.com/fonts/lft-etica/LFT_Etica_SemiboldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

/* Bold */
@font-face {
  font-family:'LFT-Etica-Web';
  src:
      url('http://www.sparknotes.com/fonts/lft-etica/LFT_Etica_Bold.eot?#iefix') format('embedded-opentype'),
      url('http://www.sparknotes.com/fonts/lft-etica/LFT_Etica_Bold.woff') format('woff'),
      url('http://www.sparknotes.com/fonts/lft-etica/LFT_Etica_Bold.ttf') format('truetype');
  font-weight: bold;
}
@font-face {
  font-family:'LFT-Etica-Web';
  src:
      url('http://www.sparknotes.com/fonts/lft-etica/LFT_Etica_Italic.eot?#iefix') format('embedded-opentype'),
      url('http://www.sparknotes.com/fonts/lft-etica/LFT_Etica_Italic.woff') format('woff'),
      url('http://www.sparknotes.com/fonts/lft-etica/LFT_Etica_Italic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

/* Component Library - Re-use these classes */
hr { border: 0; width: 100%; color: #dceff6; background-color: #dceff6; height: 1px; }

/* Drop Shadows */
.dark-drop-shadow, 
.readers-posts .circle-question:hover, 
.readers-posts .circle-question:active { box-shadow: 0 5px 5px 1px rgba(0, 0, 0, .2); }
.inner-shadow { box-shadow: inset 0 5px 10px 1px rgba(210, 210, 210, .6); }
.light-drop-shadow { box-shadow: 0 5px 10px 1px rgba(210, 210, 210, .6); }	
.thin-drop-shadow { box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, .2); }
.thin-drop-shadow:hover,
.thin-drop-shadow:active,
.thin-drop-shadow.active { box-shadow: 2px 2px 3px  rgba(0, 0, 0, .5); }

/* Buttons */
.button,
a.button,
a.button:visited { color: #868686; box-shadow: 0 0 10px 1px rgba(210, 210, 210, .6); border: 1px solid #d2d2d2; padding: 9px; border-radius: 17px; width: 80px; font-weight: bold; font-size: 14px; }
.button:hover,
.button:active { box-shadow: 0 0 10px 1px rgba(210, 210, 210, 1); border: 1px solid #d2d2d2; }
.blue-block-link { background: #15abe3; color: #fff; text-transform: uppercase; padding: 12px 20px 11px; font-size: 15px; margin: 15px; }
.big-blue-button:hover,
.big-blue-button:active,
.blue-block-link:hover,
.blue-block-link:active { background: #1294c4; color: #f2f2f2; }
.big-blue-button { background: #15abe3; color: #fff; padding: 12px 30px 11px; font-size: 35px; border: 0; border-radius: 5px; font-weight: bold; }
.gray-block-link { background: #d0d0d0; color: #fff; text-transform: uppercase; padding: 12px 20px 11px; font-size: 15px; margin: 15px; }
.gray-block-link:hover,
.gray-block-link:active { background: #bfbfbf; color: #f2f2f2; }
.magenta-button { background: #bc2d59; color: #f2f2f2;  text-transform: uppercase; padding: 12px 30px 11px; font-size: 18px; margin: 25px 0; border: 0; }
.magenta-button:hover,
.magenta-button:active { background: #da6488; }

/* Links */
a,
a:visited,
.text-color a.link-color,
.text-color a.link-color:visited,
span.link-color,
ul#menu > li:hover a.light-text,
.link-color { text-decoration: none; color: #2abdf4; border: 0; }

a:hover, 
a:active,
.text-color a.link-color:hover,
.text-color a.link-color:active,
a.magenta:hover,
a.magenta:active,
.magenta a:hover,
.magenta a:active { color: #424242; -webkit-transition: all 0.16s ease-in-out; -moz-transition: all 0.16s ease-in-out; border: 0; }

.content p a,
.content p a:visited,
.content li a,
.content li a:visited { margin-top: -1px; padding: 1px 0; border-bottom: 1px solid #D7F4FF;}

.content p a:hover,
.content p a:active,
.content li a:hover,
.content li a:active { border-bottom: 1px solid #abe3f7; color: #1294c4;}

.light-text, 
a.light-text:visited,
.rotator a, 
.rotator a:visited,
.home-feature a,
.home-feature a:visited,
.footer a,
.footer a:visited,
a.blue-block-link { color: #F9F9F9; }

.light-grey,
a.light-grey,
a.light-grey:visited { color: #9A9A9A; }

a.light-text:hover, 
a.light-text:active,
a.light-grey:hover,
a.light-grey:active, 
.rotator a:hover, 
.rotator a:active,
.home-feature a:hover,
.home-feature a:active,
.footer a:hover,
.footer a:active { color: #cbcbcb; }

.grey-text,
a.grey-text:visited,
.tabs a { color: #868686; }

.text-color,
a.text-color:visited, 
.tabs .ui-state-active a,
a.grey-text:hover,
a.grey-text:active,
.tabs a:hover,
.tabs a:active,
.text-color a,
.text-color a:visited,
.sidebar-media .media-text h4 a,
.sidebar-media .media-text h4 a:visited,
.comment-sort-by a,
.comment-sort-by a:visited { color: #424242; }

a.text-color:hover,
a.text-color:active,
.tabs .ui-state-active a:hover,
.tabs .ui-state-active a:active,
.text-color a:hover,
.text-color a:active,
.sidebar-media .media-text h4 a:hover,
.sidebar-media .media-text h4 a:active,
.comment-sort-by a:hover,
.comment-sort-by a:active { color: #868686; }

article a, 
article a:visited,
.media-text > p a,
.media-text > p a:visited { margin-top: -1px; padding: 1px 0; border-bottom: 1px solid #D7F4FF; }

article a:hover, 
article a:active,
.media-text > p a:hover,
.media-text > p a:active { border-bottom: 1px solid #424242; }

a.magenta,
.magenta a { color: #e82070 }

a.dark-blue-text,
a.dark-blue-text:visited,
.dark-blue-text,
.dark-blue-text a,
.dark-blue-text a:visited,
a.mid-blue-text:hover,
a.mid-blue-text:active { color: #0d485e; }

a.dark-blue-text:hover,
a.dark-blue-text:active,
.sparklife-button:hover,
.sparklife-button:active,
.dark-blue-text a:hover,
.dark-blue-text a:active { color: #1294c4; }

.mid-blue-text,
a.mid-blue-text { color: #137ea4 }

/* Lists */
.breadcrumbs { font-size: 14px; margin: 0 10px 15px 0;  }
.breadcrumbs a { display: inline-block; padding: 0 5px 0 0; }
.breadcrumbs li span { margin: 0 5px 0 0; font-weight: normal; }

/* Border Colors */
.border-blue { border: 1px solid #6dcff4; }
.border-top-blue { border-top: 1px solid #dceff6; }
.border-bottom-blue { border-bottom: 1px solid #dceff6; }
.border-light-blue { border: 1px solid #bee8f7; }
.border-dark-blue,
a.border-dark-blue,
a.border-dark-blue:hover,
a.border-dark-blue:active { border: 1px solid #71b5cc; }
.border-light-grey { border: 1px solid #e6eaeb; }
.border-grey { border: 1px solid #b7c2c5 }
.border-right-grey { border-right: 1px solid #908B79; }
.border-bottom-grey-gradient {
height: 1px;
background: #e5e3df;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTNkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzkwOGI3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWUzZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #e5e3df 0%, #908b79 50%, #e5e3df 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e5e3df), color-stop(50%,#908b79), color-stop(100%,#e5e3df));
background: -webkit-linear-gradient(left,  #e5e3df 0%,#908b79 50%,#e5e3df 100%);
background: -o-linear-gradient(left,  #e5e3df 0%,#908b79 50%,#e5e3df 100%);
background: -ms-linear-gradient(left,  #e5e3df 0%,#908b79 50%,#e5e3df 100%);
background: linear-gradient(to right,  #e5e3df 0%,#908b79 50%,#e5e3df 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e3df', endColorstr='#e5e3df',GradientType=1 );
}

/* Grids - Re-use these! */
.full-width { background: #000; margin: 0 0 20px 0; }
[class*='col-'] { float: left; margin: 0 20px 20px 0; }
.last { margin-right: 0 !important;}
.centered-width { margin-right: auto; margin-left: auto; width: 960px; padding: 0 0 0 20px; }
.inner-content { margin-right: auto; margin-left: auto; width: 940px; padding: 0 5px; background: #f9f9f9; }
.no-columns { padding: 0 20px 0 20px; }
.col-2-3 { width: 620px; min-height: 700px; }
.col-1-3 { width: 300px; }
.col-1-4 { width: 220px !important; }
.col-1 { width: 938px; margin: 0; }
.col-small-left { width: 162px; margin: 0 30px 30px 0; }
.col-mid { width: 428px; min-height: 1000px; }
.TOC { width: 426px; }
.col-mid-left { width: 510px; }
.col-mid-right { width: 408px; }
.col-1-2 { width: 469px; }

/* Typography */
h3,
.posts-title { text-transform: uppercase; margin: 20px 0; padding: 0; font-size: 21px; font-weight: bold; }
h4 { margin: 15px 0; padding: 0; font-size: 21px; line-height: 27px; }
h5 { margin: 0; padding: 0; font-size: 15px; line-height: 21px; }
.interior p { padding: 0 15px; }
p { margin: 0 0 20px; font-size: 14px; line-height: 24px; }
.small { font-size: 11px; }
.text-13 { font-size: 13px; }
.small-caps { text-transform: uppercase; font-size: 12px; letter-spacing: .1em; }
blockquote { padding: 0; margin: 0 30px 15px; font-size: 14px; line-height: 24px; font-style: italic; color: #7b7b7b; }

/* Lists */
ul { margin: 0; padding: 0; list-style: none; }
ul li { margin: 0; padding: 0; }
.is-inline { margin: 0; padding: 0; }
.is-inline > li, 
.content .is-inline > li { float: left; list-style: none; }

/* Modules - Use these to refine what you can't create with the component library and the grids */

/* Masthead */
.masthead { margin-bottom: 0; position: relative; }
.masthead ul { margin: 0; padding: 0; }
.masthead .col-1-3 { margin: 0 30px 0 0; }
.masthead .last { margin: 0; width: 284px; }
.logo h2 { margin: 15px 0; }
.logo h2 a { background: transparent url(http://img.sparknotes.com/images/images2013/sprite.png) no-repeat scroll 0 0; width: 290px; height: 60px; padding: 0; }
.logo h2 a:hover { background-position: 0 -60px; }
.top-nav-container { height: 38px; }
.top-nav { text-transform: uppercase; font-size: 16px; margin: 0; padding: 0; font-family: LFT-Etica-Web, Arial, sans-serif; height: 38px; }
.top-nav ul { margin: 0; padding: 0; }
.top-nav li {  list-style: none; padding: 0; }
.user-links { float: right; }
.user-links > li { font-size: 11px; font-weight: bold; border-right: 1px solid #424242;  padding: 0 13px; margin: 10px 0; }
.user-links > li:last-child { padding: 0 0 0 8px;  }
.user-links > li#socializebuttons { padding: 0; }
#user-links-wrapper { position: relative; }
#emailLoginLink { padding: 5px 10px 7px 10px; margin: 0 -15px 0 -7px; position: relative; z-index: 1005002; border: 1px solid transparent; border-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
#emailLoginLink.active { background-color: #f3f3f3; border-color: #bbb; }
#login-dialog { position: absolute; top: 30px; left: 123px; z-index: 1005001; background-color: #f3f3f3; border: 1px solid #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 13px; color: #666; padding: 5px; border-top-left-radius: 0; }
#login-dialog input { display: block; margin: 10px; border: 1px solid #bbb; color: #666; background-color: white; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#login-dialog input[type="checkbox"] { display: inline; width: auto; margin-left: 15px; margin-right: 5px; }
#login-dialog input[type="submit"] { color: white; text-transform: uppercase; width: 145px; padding: 8px 15px; }

/* Main Navigation */
ul#menu > li.selected { background: #e8f3f7; -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-top: 1px solid #424242; border-left: 1px solid #424242; border-right: 1px solid #424242; }
ul#menu > li.selected a, 
.main-nav ul#menu > li.selected a:visited { color: #424242; }
ul#menu > li.selected:hover { transition: all, width .25s ease-in-out .25s; -moz-transition: all .25s ease-in-out .25s; -o-transition: all .25s ease-in-out .25s; -webkit-transition: all .25s ease-in-out .25s; }
ul#menu > li { position: relative; padding:  10px 25px 10px 25px; height: 17px; }
ul#menu > li > .dropdown { text-align: left; opacity: 0; overflow: hidden; top: 38px; position: absolute; visibility: hidden; transition: all, width .25s ease-in-out .25s; -moz-transition: all .25s ease-in-out .25s; -o-transition: all .25s ease-in-out .25s; -webkit-transition: all .25s ease-in-out .25s; z-index: 9999999; *zoom: 1; font-size: 12px; line-height: 18px; font-weight: bold; background: #f9f9f9; padding: 0 10px 0 20px; text-transform: none; }
ul#menu > li:hover > .dropdown { opacity : 1; visibility: visible; }
.dropdown { border-bottom: 1px solid #D2D2D2; border-left: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; }
.dropdown h5 { margin: 15px 0; text-transform: uppercase; }
.dropdown h4 { margin: -2px 0 0; display: block; font-size: 12px; line-height: 18px; }
.dropdown ul li { margin: 0 20px 10px 0; font-weight: normal; }
.dropdown ul li ul.alpha { width: 145px; }
.dropdown ul li ul.alpha li { margin: 0; }
.dropdown a { display: block; }
.dropdown-video { width: 955px; left: -499px; }
.dropdown-test-prep { width: 472px; left: -140px; }
.dropdown-no-fear { width: 485px; left: -13px; }
.dropdown-mindhut { width: 472px; left: -489px; }
.dropdown-sparknotes { width: 830px; left: -32px; }
.dropdown-sparklife { width: 722px; left: -487px; }
.dropdown-sparklife.no-feature { width: 472px; left: -356px; }
.dropdown-sparklife.no-feature .middle { border: 0; margin: 0; }
.dropdown .col-1-4 { width: 220px; margin-bottom: 0; }
.dropdown-test-prep .col-1-4 { min-height: 330px; }
.dropdown-video .col-1-4 { min-height: 400px; margin-bottom: 0; }
.dropdown-sparklife .col-1-4 { min-height: 380px; margin-bottom: 0; }
.dropdown-sparknotes .col-1-8, .dropdown-sparknotes .col-1-4 { min-height: 530px; margin-bottom: 0; }
.dropdown [class*='col-'] { border-right: 1px solid #D2D2D2; }
.dropdown .last { border: 0; margin: 0; }
.dark-grey-background ul.alpha li a, 
.dark-grey-background ul.alpha li a:visited,
 .dark-grey-background ul#menu ul.alpha li a { display: block; float: left; padding: 2px 0 6px 7px; width: 15px; height: 14px; background: #26c4ff; color: #f6f6f6; font-size: 12px; border: 1px solid #EAF4F6; }
.dark-grey-background ul.alpha li a:hover, 
.dark-grey-background ul.alpha li a:active,
 .dark-grey-background ul#menu ul.alpha li a:hover,  
 .dark-grey-background ul#menu ul.alpha li a:active { background: #96e1fd; color: #f6f6f6; }
.videoThumbSm { margin: -10px 0 -11px 0; }
.img-small { width: 90px; height: 49px; overflow: hidden; float: left; }
.dropdown [class*="col-"] { padding: 0 0 15px; }

/* Top Ad */
.top-ad { padding: 40px 0; }
.study-guides .top-ad { padding: 20px 0; }

/* Carousel */
.rotator { position: relative; }
.rotator h4 { text-align: center; margin: 0; }
.rotator .dark-grey-background { min-height: 172px; }
.caption { font-size: 15px; font-weight: normal; text-align: center; padding: 8px; display: block; line-height: 18px; /*min-height: 178px;*/ color: #F9F9F9; }
.arrow,
article a.arrow { padding: 14px 16px; border-radius: 26px; border: 1px solid #424242; text-indent: -9999px;  width: 15px; display: block; position: absolute; top: 50px; }
#carousel_prev { background: #EFEFEF url(http://img.sparknotes.com/images/images2013/sprite.png) no-repeat scroll -291px -47px; left: -22px; top: 40px; }
#carousel_next { background: #EFEFEF url(http://img.sparknotes.com/images/images2013/sprite.png) no-repeat scroll -291px -81px; right: -22px; top: 40px; }
#carousel_prev:hover, 
#carousel_prev:active, 
#carousel_next:hover, 
#carousel_next:active { background-color: #dadada; border: 1px solid #424242; } 
#carousel img {display: block; float: left; margin: 0 0 5px; width: 218px; border-bottom: 0; }
#carousel { height: 224px; overflow: hidden; }

/* Search */
.search { margin: 0 0 30px; }
.search h3 { margin: 20px 0 10px 0; }
.search fieldset input[type="text"] { width: 75%; padding: 9px 14px; border: 1px solid #D2D2D2; background: #fff; border-radius: 17px; font-size: 14px; float: left; }
.search fieldset input[type="submit"] { padding: 17px; border-radius: 18px; text-indent: -9999px; background: #2ABDF4 url(http://img.sparknotes.com/images/images2013/sprite.png) no-repeat scroll -284px 6px; width: 25px; height: 25px; float: right; border: 1px solid #D2D2D2; margin: 0 5px 0 0; }
.search fieldset input[type="submit"]:hover,
.search fieldset input[type="submit"]:focus,
.search fieldset input[type="submit"]:active,
.small-search fieldset input[type="submit"]:hover,
.small-search fieldset input[type="submit"]:focus,
.small-search fieldset input[type="submit"]:active { background-color: #28abdc; -webkit-transition: all 0.16s ease-in-out; -moz-transition: all 0.16s ease-in-out; }	
.small-search { width: 235px; float: right; margin: 0; }
.small-search fieldset input[type="text"] { padding: 5px 14px 4px 14px; font-size: 12px; width: 170px; margin: 7px 0 0; }
.small-search fieldset input[type="submit"] { height: 20px; width: 20px; padding: 12px; border-radius: 13px; margin: 6px 0 0 0; background: #2ABDF4 url(http://img.sparknotes.com/images/images2013/sprite.png) no-repeat scroll -298px -24px; }
.search-title { font-size: 22px; line-height: 30px; }
.search-container.content h4 { margin: 10px 0 0 0; }
.search-container .small-search fieldset input[type="submit"] { margin: 6px 0 0 10px; }
.search-page .search { width: 350px; margin: 0 0 0 15px; }
#wide_ad_unit { padding: 15px; width: 96% !important; }
.ad-sense-side { margin: 30px 0 0 0; }
.p { margin: 0 0 0 15px; }

/* Search */
.col-2-3.border-blue { width: 618px; }
.narrow-results { font-size: 15px; }
.narrow-results form { float: left; margin: 13px 0; } 
.narrow-results form input { margin: 0 5px 0 15px; } 
.narrow-results h2 { font-size: 15px; font-weight: normal; float: left; margin: 13px 0 0 15px; }
.search-result { padding: 15px; }
.search-result h2 { font-size: 22px; font-weight: normal; margin: 0 0 5px; }
.search-result p { margin: 0 0 5px; }
.search-link { font-size: 14px; margin: 0 0 5px; display: block; }
.page-numbers { margin: 25px 0 40px 0; }
.no-results { padding: 15px; font-size: 22px; line-height: 30px; } 
.no-results.content ul { margin: 20px 0; }
.g { margin: 0 30px; font-style: normal; }

/* Social */
.fb-like { float: left; margin: 0 20px 15px 0; }
.social-container { height: 63px; margin: 25px 0 0 0; }
.social-container-homepage h3 { margin: 30px 0 10px 0; }
.small-facebook { background: url(http://img.sparknotes.com/images/images2013/sprite.png) no-repeat scroll -337px -80px; width: 21px; height: 21px; }
.small-twitter { background: url(http://img.sparknotes.com/images/images2013/sprite.png) no-repeat scroll -358px -80px; width: 21px; height: 21px;  }
.footer ul li a.small-facebook{ margin: 0 0 0 20px; } 
.footer ul li a.small-twitter { margin: 0  0 0 10px; }
.lit-guides-social { padding: 0 15px 20px 15px; margin: 0 0 30px; }
.lit-guides-social h3 { margin: 15px 0 10px; } 

/* Featured - Homepage */
.home-feature { margin: 0 0 25px; }
.home-feature h2 { font-size: 38px; line-height: 40px; color: #f9f9f9; margin: 10px 10px 4px 10px; padding: 0; }
.home-feature p { font-size: 18px; line-height: 25px; color: #f9f9f9; margin: 0; padding: 4px 10px 12px 10px; }
.home-feature a { display: block; }
.home-feature img { min-width: 618px; border-top: 1px solid #e6eaeb; border-left: 1px solid #e6eaeb; border-right: 1px solid #e6eaeb; }

/* Wallpaper */
#ad-skin-img { background-repeat: no-repeat; background-position: 50% 0; z-index: 9999; background-size: 1345px; }

/* Media with Excerpt */
.media { margin: 0 0 30px; position: relative; }
.fixed-media { float: left; width: 378px; }
.media-text { float: left; width: 220px; margin: 0 0 0 20px; }
.number-story { position: absolute; font-size: 45px; font-weight: bold; padding: 5px 17px; }
.media h5,
.content .uppercase-title,
.uppercase-title { text-transform: uppercase; font-weight: bold; padding: 0; margin: 0; }
.small-media .fixed-media { width: 90px; }
.small-media { margin: 0 0 10px; }
.small-media .media-text { width: 110px; margin: 0 10px; }
.large-media .fixed-media { width: 499px; }
.large-media .media-text { width: 415px; margin: 15px; }
.headline { font-size: 26px; line-height: 32px; margin: 7px 0 10px 0; }
h4.headline { margin: 0 0 5px 0; }
.large-media h6,
.small-post h6,
.large-post h6,
.slideshow-post h6 { font-size: 16px; line-height: 23px; margin: 0 0 5px; }
.large-media h5 { width: 80%; }
.large-media p,
.category-page p { margin: 0; }
.category-page .media-text,
.category-page .large-media .media-text { width: 278px; margin: 0; padding: 15px; }
.category-page .slideshow-post .media-text { width: 92%; }
.category-page .fixed-media { width: 310px; }
.category-page .media-text h4.headline { font-size: 14px; line-height: 20px; margin: 0 0 5px; }
.category-page .media-text h6 { font-size: 14px; line-height: 20px; margin: 0 0 5px; }
.containerSparkLife .col-2-3 .centered-width { padding: 0; width: 620px; }
.sidebar .fixed-media { width: 180px; }
.sidebar .media-text { width: 140px; margin: 0 10px; }
.sidebar-media .fixed-media,
.category-page .sidebar-media .fixed-media { width: 145px; border: 1px solid #e6eaeb; }
.category-page .sidebar-media .media-text { padding: 0; }
.sidebar-media .media-text { width: 110px; margin: 0 0 0 10px; }
.sidebar-media .media-text h5 { font-size: 13px; }
.sidebar-media .media-text h4 { font-size: 15px; margin: 5px 0 0 0; padding: 0; line-height: 21px; }
.small-post .fixed-media { width: 295px; }
.small-post .media-text { width: 613px; padding: 15px; margin: 0; }
.large-post .fixed-media { width: 628px; }
.large-post .media-text { width: 280px; padding: 15px; margin: 0; }
.slideshow-post .fixed-media { width: 100%; float: none; }
.slideshow-post .media-text { width: 910px; float: none; margin: 15px; }

/* Readers' Posts - Homepage */
.readers-posts img { margin-bottom: 5px; min-width: 218px; }
.readers-posts .circle-question { color: #777;margin: 20px 0 0 10px; display: block; float: left; }
.question { margin: 20px 0 0 15px; }
.tooltip-link { position: relative; }	
.tooltip-link span.tooltip-css { margin-left: -999em; position: absolute; }	
.tooltip-link:hover span.tooltip-css { position: absolute; left: -171px; top: -95px; z-index: 99; margin-left: 0; color: #444; }
.tooltip-link:hover span.tooltip-css strong:hover  { color: #868686; }
.tooltip-link .tooltip-background { width: 300px; height: 75px;  }
.tooltip-link .tooltip-background:after  {  top: 95px; left: 150px; }
.tooltip-link .tooltip-background:before {top: 95px; left: 150px; }

/* Readers' Posts - Homepage */
.search-UGC { width: 300px; margin: 25px 15px 0 15px; }
.search-UGC fieldset input[type="text"] { width: 220px; }
.circle-question { display: inline-block; border-radius: 15px; background: #2ABDF4; width: 15px; height: 15px; border: 1px solid #D2D2D2; margin: 0 5px 0 0; padding: 1px 0 5px 6px; color: #fff; font-size: 16px; }
.interior p.aboutNotes { font-size: 13px; margin: 17px 15px 15px 15px; padding: 0; }
.notesSort { margin: 0 15px 15px 15px; font-size: 14px; }
.notesSort p { margin: 0; } 
.notesSort input { margin: 0 5px 0 10px; }
.notesSort fieldset { margin: 3px 0 0 0; }
.pagination-UGC { margin: 0 15px 15px 0; }
.button-UGC { float: left; margin: 22px 15px 15px 15px; }
.UGC h1 { padding: 0; margin: 15px 15px 15px 0; }
a#thumbsUp { background: url(http://img.sparknotes.com/images/images2013/lit-guides-sprite.png) no-repeat scroll -185px -95px; display: block; width: 23px; height: 23px; margin: -4px 10px 0 14px; }
a#thumbsDown { background: url(http://img.sparknotes.com/images/images2013/lit-guides-sprite.png) no-repeat scroll -185px -72px; width: 23px; height: 23px; margin: 2px 0 0 5px; }
.content .footerNote ul { margin: 0; font-weight: bold; font-size: 13px; line-height: 13px; margin: 5px 0 0 0; }
.content .footerNote ul li { margin: 0 0 0 15px; padding: 0; list-style: none; }
.content .footerNote ul a { border-left: 1px solid #26c4ff; border-bottom: 0; padding: 0 0 0 10px; }
.content .footerNote ul a:hover { border-bottom: 0; } 
.content .footerNote ul li iframe { margin: 2px 0 0 0; }
i.sx_like_fav { background: none; }
#note_display img#loading { margin: 150px 0 150px 280px; }
.viewComments img#loading { margin: 150px 0 150px 292px; }
#upvote_downvote em { margin: 5px 0 0; }
#comment { float: left; margin: 10px 20px 0 0; }
.readersNotes .errorContainer { margin: 0 0 10px; }
.readersNotes .errorContainer label { margin: 0 0 5px 10px; }
.noteContainer.add-note h3 { margin: 0 0 15px 0; font-size: 21px; line-height: 27px; padding: 0 15px 0 0; }
.postComment input#title { margin: 0 0 10px; border: 1px solid #CCCCCC; font-family: "Lucida Grande", Arial, sans-serif; font-size: 13px; overflow: auto; width: 300px; height: 20px; } 
.postComment label { display: block; margin: 0 0 7px; }
.addCommentBottom input { margin: 15px 0 0 15px; }
.noteContainer p.errorMessage { padding: 7px; background: #F6BEC1; font-weight: bold; font-size: 13px; margin: 0 0 5px;}
.errorContainer { margin: 0 0 10px; }
.errorContainer { background: #FFDFDF; border: 1px solid #F3AFB5; overflow: hidden; border-radius: 4px; -moz-border-radius: 4px; }
.tooltip-background { width: 300px; height: 120px; background-color: #e8f3f7; position: relative; box-shadow: 0 0 5px rgba(0, 0, 0, .25); padding: 10px; }
.tooltip-background:after  { border: solid transparent; content: ' '; height: 0; right: 100%; position: absolute; width: 0; border-width: 9px; border-top-color: #dde1e4; top: 140px; left: 150px; }
.tooltip-background:before { border-width: 18px; border-top-color: #dde1e4; top: 140px; left: 150px; }
.postComment label { font-size: 14px; line-height: 24px; }
#load_more_comments { margin: 50px 0 0 195px; }
#loadMoreNumber { margin: 23px 0 0; font-size: 21px; }
#comment_container_parent #comment_container_parent { padding: 0; }
.errorContainer label { margin: 0 0 0 5px; }
.errorContainer .addCommentBottom { margin: 0 5px 10px 0; }

/* Comment Log in */
#loginForm { background: #363636 url(http://img.sparknotes.com/images/new_global/commentingBGSprite.png) -1100px 0 repeat-y; color: #f6f6f6; border: 8px solid #21211F; -moz-border-radius: 5px; border-radius: 5px; width: 533px!important; margin: 20px 0 0 0; font-family: "Lucida Grande", Arial, sans-serif; font-size: 14px; height: 285px!important; padding: 0; top: 250px!important; }

#loginForm.floating { -moz-box-shadow:0 0 40px 5px #000; -webkit-box-shadow: 0 0 40px #000; box-shadow: 0 0 40px #000; }
.sparkNotesLogin { float: left; width: 220px; height: 220px; border-right: 7px solid #2F2F2F; margin: 15px 0 0 0; padding: 8px 18px 8px 18px; }
.sparkNotesLogin a, .sparkNotesLogin a:visited { font-size: 11px; color: #f6f6f6; }
.sparkNotesLogin a:hover { color: #b2e9fd; border-bottom: 1px solid #b2e9fd; }
#loginForm h4 { font-size: 20px; margin: 0 0 20px 0; padding: 0; }
#componentDiv { margin-right: 12px;  }
.g_fields { overflow: hidden; padding: 0 0 10px 0; }
.g_fields2 { overflow: auto; }
button#loginComment { border:0px; width:88px; height:39px; margin: 5px -4px 10px; padding: 0; background: url('http://img.sparknotes.com/images/new_global/commentingSprite2.png') -162px 0 no-repeat; cursor: pointer; float: right; text-indent: -9999px; }
button#loginComment:hover { background-position: -162px -39px; }
.g_entry_text_blog { float: left; padding: 4px 0 0 0; }
p.g_instructions_text { color: #f6f6f6;  }
#email, #password { background: #f6f6f6; border: 1px solid #f6f6f6; padding: 4px; width: 135px;} 
.g_icons { float: left;
margin: 15px 0 0 12px;}
#loginForm .g_icons h4 { margin: 0 0 20px 19px; padding: 8px 0 0 0; }
#loginForm input[type="image"] { padding: 0 0 10px 0; }
button.ui-dialog-titlebar-close { background: url(http://img.sparknotes.com/images/new_global/commentingSprite2.png) -441px 0 no-repeat; width: 45px; height: 45px; position: absolute; top: 20px; left: 515px; cursor: pointer; border: 0; }
button.ui-dialog-titlebar-close .ui-button-text { text-indent: -9999px; display: block; }
.loginFormBottom #loginForm { -moz-box-shadow:0 0 0 0 #000; -webkit-box-shadow: 0 0 0 #000; box-shadow: 0 0 0 #000; display: block; }
.close-UGC button.ui-dialog-titlebar-close { display: inline-block; border-radius: 20px; background: #2ABDF4; background-image: none; width: 25px; height: 25px; border: 1px solid #D2D2D2; margin: 0; padding: 0 0 3px; color: #fff; font-size: 16px; line-height: 16px; top: 13px; left: 285px; z-index: 1; }
.close-UGC button.ui-dialog-titlebar-close .ui-button-text { text-indent: 0; display: block; }

/* Expanding Textareas! */
.expandingArea { position: relative; border: 1px solid #CCCCCC; background: #fff; }
.expandingArea > textarea, .expandingArea > pre { background: transparent; width: 576px; margin: 0; font-family: "Lucida Grande", Arial, sans-serif; font-size: 13px; min-height: 140px; overflow: auto; padding: 5px; white-space: pre-wrap; word-wrap: break-word; outline: 0; border: 0; }
.expandingArea > textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100px; }
.expandingArea.active > textarea { overflow: hidden; position: absolute; top: 0; left: 0; height: 100%; resize: none; }
.expandingArea > pre { display: none; }
.expandingArea.active > pre { display: block; visibility: hidden; }

/* Homepage Featured Slideshow/Video */
.homepage-feature h3 { margin: 20px 0; }
.homepage-feature h4 { margin: 0 0 10px; }
.slideshows-homepage { margin: -4px 0 0 0; padding: 15px; }
.slideshows-homepage h4 { margin: 0 0 15px 0; }
.slideshow-img { width: 298px; }
.slideshowTitle h3 { margin: 30px 0 10px; }

/* Tabs */
.tabs { margin: 0; padding: 0; overflow: hidden; font-size: 15px; position: relative; }
.tabs li { background: #f7f7f7; float: left; border-top: 1px solid #e6eaeb; border-right: 1px solid #e6eaeb; border-left: 1px solid #e6eaeb; border-bottom: 1px solid #fff; padding: 8px; font-weight: bold; border-radius: 8px 8px 0 0; margin: 0 5px 0 0; }
.tabs a { padding: 0 8px; display: block; }
.tabs li.ui-state-active { background: #fff; border-left: 1px solid #e6eaeb; border-right: 1px solid #e6eaeb; border-top: 1px solid #e6eaeb; border-bottom: 1px solid #fff; position: relative; z-index: 1; }
[id*='tabs-'] { border: 1px solid #e6eaeb; padding: 20px; margin: -1px 0 0; z-index: 0; position: relative; }
.title-list > li { font-size: 14px; line-height: 20px; border-bottom: 1px solid #eff4f5; padding: 7px 0; }
.title-list > li a { display: block; } 

/* Footer */
.footer { padding: 30px 0 30px 0; }
.footer p { color: #F9F9F9; width: 800px; font-size: 13px; line-height: 21px; }
.footer p.small { color: #9a9a9a; margin: 5px 0 30px; font-size: 11px; }
.footer ul { margin: 25px 0 30px; font-size: 15px; font-weight: bold; } 
.footer ul li { margin: 0; } 
.footer ul li a { margin: 0 20px; }
.footer ul li.first a { margin: 0 20px 0 0; }
.footer h6 { color: #0fb3ec; font-size: 28px; line-height: 35px; margin: 20px 0 0 0; padding: 0 }
.container-footer { width: 980px; margin: 0 auto; position: relative; }

/* Study Guides Typography - Could be used for future blogs*/
.content h2 { font-weight: normal; padding: 0 15px; font-size: 22px; line-height: 30px; margin: 0 0 15px; }
.content h3 { font-weight: normal; padding: 0 15px; font-size: 17px; }
.content h4, 
.content h5,
h2.body-text-strong { font-size: 15px; line-height: 21px; padding: 0 15px; margin: 0 0 15px; font-weight: bold; }
.content h6 { font-size: 15px; margin: 0 0 20px 0; padding: 0 15px; line-height: 21px; }
.content_txt { padding: 0; margin: 0 0 20px; font-size: 14px; line-height: 24px; padding: 0 15px; }
.content_txt h4, 
.content_txt h5 { padding: 0; }
.content_txt p,
.content .content_txt p { margin: 15px 0 0 0; padding: 0; } 
.content ol, .content ul { margin: 0 0 15px; }
.content ol li { margin: 0 0 5px; font-size: 14px; line-height: 24px; }
.content ul li { margin: 0 0 5px 40px; list-style: disc; font-size: 14px; line-height: 24px; }
.col-small-left h2 { text-transform: uppercase; font-size: 21px; line-height: 27px; margin: 0; padding: 15px 15px 0 15px; }
.title { text-transform: uppercase; font-size: 21px; line-height: 27px; margin: 0; padding: 15px; }
.content .author { font-size: 16px; font-weight: normal; padding: 0 15px 15px 15px; margin: 5px 0 10px; }
.author-list { margin: 30px 0 0 15px; }
.guide-auth-sub { padding: 10px 0 7px 15px; font-weight: bold; font-size: 15px; line-height: 22px; border-bottom: 1px solid #dceff6; margin: 0 0 7px; }
.quote-number { float: left; font-size: 25px; padding: 0 15px 0 10px; }
.content_txt p.quote-paragraph, .content_txt blockquote.quote-paragraph { float: left; width: 355px; font-style: italic; color: #7b7b7b; margin: -3px 0 0 0; }

/* Study Guides - Layout */
.content { margin: 0 0 30px; }
.col-small-left > div { margin: 0 0 30px; }

/* Study Guides - Left Menu */
.left-menu h4 { color: #838c8f; padding: 0; font-size: 16px; line-height: 21px; margin: 15px 0 0 15px; }
.left-menu ul { padding: 0 0 30px; font-size: 13px; }
.left-menu ul li a { display: block; }
.left-menu ul li { padding: 5px 15px; }
.left-menu ul li ul { margin: 5px 0 -40px -15px; }
.left-menu ul li.active { background: #53c4ee; color: #f6fbfe; }
.left-menu ul li.active a { color: #f6fbfe; }
.subjects ul { font-size: 16px; }
.subjects ul li { padding: 8px 15px; }

/* Study Guides - Main TOC Page */
.study-guide-TOC h2 { margin: 10px 0 15px 0; font-size: 21px; line-height: 27px; padding: 0 15px; } 
.study-guide-TOC .entry p { font-size: 21px; line-height: 27px; } 
.study-guide-TOC p a,
.study-guide-TOC p a:visited,
.study-guide-TOC p a:hover,
.study-guide-TOC p a:active { border: 0; }

/* Study Guides - Interior TOC Pages */
.TOC p { font-size: 16px; padding: 0 15px; }
.alpha-list a, .alpha-list span { margin: 0 4px 0 0; }
span.alpha-title { margin: 0 3px; }
p.alpha-list { border-bottom: 1px solid #dceff6; margin: 0 0 25px 0; padding: 0 15px 15px 15px; }
.entry a { display: block; }
.entry .right { margin: 0 0 0 20px; }

/* Study Guides - Interior  Pages */
div.floatingad { float: left; margin: 0 15px; }
.content_txt div.floatingad { margin: 0 15px 0 0; }
div.floatingad-right { float: right; margin: 0 15px; }
div.floatingad a, div.floatingad a:visited, div.floatingad a:hover, div.floatingad a:active, 
div.floatingad-right a, div.floatingad-right a:visited, div.floatingad-right a:hover, div.floatingad-right a:active { border: 0px; border-bottom-width: 1px; }
.quick-quiz { padding:  15px 15px 0 15px; margin: 15px; }
.quick-quiz h5 { font-size: 21px; line-height: 27px; }
.explanationtext { background: #f2f2f2; padding: 0 15px 15px 15px; margin: 15px 0 0; border: 1px solid #e1e1e1; }
.close, 
.explanationblurb span { text-transform: uppercase; font-size: 12px; }  

/* Tooltip */
.col-mid .tooltip { width: 160px;  padding: 10px; display: none; }
.col-mid .tooltip h3 { color: #f2f2f2; text-transform: none; margin: 0  0 3px; padding: 0; font-size: 14px; }
.col-mid .tooltip h3 { color: #f2f2f2; text-transform: none; font-size: 14px; }

/* Study Guides - Black & White Pagination */
.page-numbers { padding: 15px 15px 0 15px; }
.page-numbers h6 { margin: 10px 0 0 0; } 
.content .paginate li,
.paginate li  { list-style: none; margin: 0 0 0 10px; background: #fff; }
.paginate li:first-child { margin: 0; }
.paginate li a, 
.content .paginate li a, 
a#slideshowNext,
a#slideshowPrevious,
.paginate li span { border: 1px solid #424242; color: #424242; padding: 4px 11px; font-size: 15px; display: block; margin: 0; }
.paginate li a:hover, 
.paginate li a:active, 
.paginate li a.current,
a#slideshowNext:hover, 
a#slideshowNext:active,
a#slideshowPrevious:hover, 
a#slideshowPrevious:active { background: #424242; color: #F9F9F9; }
.paginate li span { background: #424242; color: #F9F9F9; }
.paginate li.next a,
a#slideshowNext,
a#slideshowPrevious { text-transform: uppercase; font-size: 16px; padding: 8px 13px 7px; }
.content .study-guides-paginate { margin: 0 15px 0; }

/* Next/Previous */
.next-previous { border-top: 1px solid #d4d9da; border-bottom: 1px solid #d4d9da; font-size: 22px; margin: 0 0 25px; }
.arrow-nav { font-size: 35px; font-weight: bold; width: 52px; }
.next-title { float: left; width: 308px; margin: 0; padding: 10px; border-left: 1px solid #d4d9da; border-right: 1px solid #d4d9da; }

/* More Help Rotator */
.more-help { margin: 0 0 30px; padding: 15px; }
.more-help-interior { position: relative; padding: 0; margin: 30px 0 20px 20px; width: 322px; }
.more-help h3 { margin: 0; }
.more-help ul { margin: 0 0 0 20px; width: 410px }
.more-help ul li { width: 105px; margin: 0 5px; }
.more-help h5 { font-weight: normal; margin: 10px 0 0 0; font-size: 13px; line-height: 19px; }
.more-help #carousel_prev { left: -20px; top: 30px; }
.more-help #carousel_next { right: -54px; top: 30px; }

/* SparkNotes Video Player */
.videoImageContainer { position: relative; padding: 0; margin: -70px 0 0 15px; }
#video-sparknote-promo h2.playSm { top: 115px; left: 90px; }
.video-thumb-container h2.playSm { top: 35px; left: 105px; }
.video-sparknotes { background: url(http://img.sparknotes.com/images/images2013/lit-guides-sprite.png) no-repeat scroll 0 -149px; width: 140px; height: 65px; }
.col-2-3.border-blue.video-sparknotes-container { padding: 15px; width: 588px; }
.video-sparknotes-container .title { padding: 0; width: 445px; }
.video-container { padding: 30px 0; margin: 0 0 0 -8px; }
.see-all { margin: 27px 0 0 20px;  }
.relatedVideoThumb { float: left; width: 130px; padding: 0 10px 15px; }
.relatedVideoThumb img {position: absolute; clip: rect(11px 120px 79px 0); margin: 0 ; padding: 0; display: block; } 
h2.playSm a { background: url(http://img.sparknotes.com/images/images2013/lit-guides-sprite.png) no-repeat scroll -141px -101px; width: 35px; height: 40px; }
.video-sparknote-promo h2.playSm { top: 15px; left: 35px; }
h2.playSm { position: relative; top: -5px; left: 37px; }
.videoSparkNotes h2.playSm { padding: 14px 0 0px 50px; }
.videoImage { width: 120px; height: 68px; }
.videos .videoImage { width: 255px; height: 143px; }
.relatedVideoThumb h4 { margin: 5px 0 0 0; padding: 0; font-size: 15px; }
.relatedVideoThumb h5 { font-weight: normal; }
#sparkvideo_wrapper { margin: 0 0 0 -5px; }
.thumbnails { margin: 20px 0 0 -12px; }
.related-videos { margin: 20px 0 0 0; } 
.videos {  margin: 20px 0 50px 50px; }
.sort-by { margin: 19px 0 0 20px; }
.sort-by li { margin: 0 20px 0 0; }
.video-thumb-container h4 { margin: 5px 0 0 0; padding: 0; font-size: 15px; }
.video-thumb-container h5 { font-weight: normal; }
.video-thumb-container .videoImageContainer { margin: 0; }
.video-thumb-container { margin: 40px 10px 0 10px; }
.pagination { padding: 15px; font-size: 21px; }
.pagination form { width: 103px; word-spacing: 5px; }
.pageCount { margin: 0 0 0 10px; }
.paginateField { width: 25px; padding: 3px; }
#slideshowPrevious { margin: 0 17px 0 0; }
.col-1.video-index-container { margin: 0 0 70px 0; }
#trialvid { margin: 0 0 5px 0; }

/* Quiz */
#quiz input { float: left; margin: 5px 10px 0 0; border: 0; }
#quiz label { float: left; width: 380px;}

/* Readers' Notes */
.containerUGC .header h2 a { text-transform: uppercase; font-size: 21px; line-height: 30px; margin: 0; padding: 15px 15px 0 0; width: 200px; display: block; font-weight: bold; }
.containerUGC .header h2 { margin: 0; }
.containerUGC .header h2 a span { font-weight: normal; text-transform: none; font-size: 15px; line-height: 20px; }
.noteContainer { padding: 15px; margin: 15px; font-size: 14px; line-height: 24px; }
.noteContainer h3 { margin: 5px 0 0 0; text-transform: none; font-size: 15px; padding: 0; }
.noteContainer h6 { padding: 0; }
.noteContainer h3 a { text-transform: uppercase; }
.noteContainer p { padding: 0; }
.containerUGC h5 { text-transform: uppercase; margin: 40px 0; }
.containerUGC h6 { padding: 0; }
.commentIcon { width: 28px; height: 22px; display: inline-block; margin: 0 5px -10px 0; background: url(http://img.sparknotes.com/images/images2013/lit-guides-sprite.png) no-repeat scroll -185px -50px; }
#comment_container_parent { padding: 15px; font-size: 14px; }
#comment_container_parent h5 { margin: 0 10px 0 0; font-size: 21px; line-height: 27px; padding: 0; }
#comment_container_parent .comment-sort-by { font-weight: bold; margin: 6px 0 0 0; }
#comment_container_parent .comment-sort-by a { margin: 0 5px; font-weight: normal; }
#comment_container_parent .comment-sort-by a.current { font-weight: bold; }
.comment-sort-by strong { margin: 0 5px 0 0; }
.commentCite { margin: 10px 0 10px 0; padding: 0 0 10px 0; }
.commentContainer { padding: 10px 0 0 0; }
#commentFlag { margin: 2px 0 0 0; }

/* Module - Blog Feature */
.blog-feature { padding: 15px; margin: 0 0 30px; }
.blog-feature h2 { margin: 10px 0 15px 0; padding: 0; font-size: 21px; line-height: 27px; } 
.blog-feature .sparklife-logo-home { margin: 0; }
.blog-feature .sparklife-logo-home a { margin: 5px 0 15px 0; height: 40px; width: 265px; background: url(http://img.sparknotes.com/images/images2013/sparklife-sprite.png) no-repeat scroll 0 -45px; background-size: 415px; }
.geekOut { width: 100%; margin: 0 0 15px; }
.geekOut a { background: url(http://img.sparknotes.com/images/images2013/lit-guides-sprite.png) no-repeat scroll 0 -50px; width: 183px; height: 50px; margin: 15px 0 0 0; }
.bnBookBlog { margin-top: 0; }
.bnBookBlog a { background: url(http://img.sparknotes.com/images/images2013/sparklife-sprite.png) no-repeat scroll 0 -359px; width: 265px; height: 95px; margin: 15px 0 0 0; }

/* Songza */
#songza_widget { margin: 0 0 30px 0; min-height: 275px; }
#songza_widget h3 { float: left; margin: 0; }
.songza { background: url(http://img.sparknotes.com/images/images2013/lit-guides-sprite.png) no-repeat scroll -61px -105px; width: 80px; height: 35px; float: right; }
.songza-header p { margin: 0; padding: 5px 0 0; }
.songza-header { padding: 15px; }
.songza-links .play { background:#29b9ef url(http://img.sparknotes.com/images/images2013/lit-guides-sprite.png) no-repeat scroll -141px -101px; padding: 11px 18px; border-radius: 26px; width: 5px; border: 1px solid #297d90; float: left; margin: 19px 0 0 20px; }
.top-right-ad .center { margin: 0 0 30px 0; }
a.play:hover { background-color: #28abdc; transition: all, width .25s ease-in-out .25s; -moz-transition: all .25s ease-in-out .25s; -o-transition: all .25s ease-in-out .25s; -webkit-transition: all .25s ease-in-out .25s; }
.blue-uppercase { text-transform: uppercase; margin: 0; padding: 0; font-size: 20px; color: #2abdf4; font-size: 14px; }   
.playlist { float: right; width: 220px; }
.blue-button { border: 1px solid #c7e5f0; font-size: 14px; float: left; padding: 4px 8px; position: relative; top: -40px; left: 15px; }
#songza_widget h5 { margin: 15px 0; padding: 0; font-size: 21px; line-height: 27px; }
#songza_widget h4 { padding: 0; margin: 0; } 
#songza_widget h4 a { padding: 20px 0; margin: 0; } 
.sponsored-songza { border-top: 1px solid #c7e5f0; }
#songza_widget a { display: block; }
#songza_widget h4.blue-uppercase a { margin: 0; padding: 15px 15px 0 0; } 
#songza_widget a.text-color { margin: 0; padding: 0 15px 15px 0; } 
.songza-footer { margin: 0; padding: 15px 15px 0 15px; }
#songza_widget .songza-footer p a.text-color { padding: 15px; }
.songza-links { border-top: 1px solid #c7e5f0; box-shadow: inset 0px 0px 3px 3px rgba(255, 255, 255, .3); }
.songza-links .center a { font-size: 21px; line-height: 27px; padding: 15px; }
#songza_widget #back { border: 1px solid #c7e5f0; float: left; padding: 2px 5px; margin: 5px 0 0 0; color: #000; }
#songza_footer {  border-top: 1px solid #c7e5f0; }
.last-screen p { font-size: 21px; line-height: 30px; margin: 0; padding: 15px 0 }
.sponsored #songza_footer { border-bottom: 1px solid #cccccc; border-top: 0; margin: 0; }

/* No Fear Shakespeare */
.nfs-title { background: url(http://img.sparknotes.com/images/images2013/nfs/no_fear_hub.png) no-repeat scroll 0 0; width: 403px; height: 200px; margin: 15px; background-size: 100%; }
.nfl-title { background: url(http://img.sparknotes.com/images/images2013/nfs/nfl-intro.png) no-repeat scroll 0 0; width: 403px; height: 200px; margin: 15px; background-size: 100%; }
.NFS { margin: 0; }
.NFS h2.nfs-logo,
.NFS h2.nfl-logo { margin: 22px 17px 0 0; padding: 0; }
.nfs-logo a { background: url(http://img.sparknotes.com/images/images2013/nfs/NFS-sprite.png) no-repeat 0 0; width: 210px; height: 13px; }
.nfl-logo a { background: url(http://img.sparknotes.com/images/images2013/nfs/NFL-sprite.png) no-repeat 0 0; width: 194px; height: 13px; }
.NFS .title { width: 170px; }
.nfsFeature { padding: 5px 15px 15px 15px; width: 404px; }
.dropdownMenu { margin: 3px 0 13px 0; }
.dropdownMenu select { width: 300px; font-size: 13px; }
.study-guide-tooltip { width: 160px;  padding: 10px; }
.study-guide-tooltip h3 { color: #f2f2f2; text-transform: none; margin: 0  0 3px; padding: 0; font-size: 14px; }
.tooltip-link:hover span.study-guide-tooltip { top: 44px; text-align: left; left: -1px; }
.right.tooltip-link:hover span.study-guide-tooltip { left: -127px; }
.NFS .next-previous { margin: 0; }
.noFear-left h3,
.noFear-right h3 { color: #bababa; font-size: 14px; margin: 10px 0 0 0; padding: 0; }
#noFear-comparison { font-size: 12px; line-height: 22px; }
.noFear-number { padding: 0 0 10px 10px; color: #bababa; background: #f3fbfe; }
.noFear-left { width: 337px; background: #f3fbfe; border-right: 1px solid #d4d9da; padding: 0 10px 10px 10px; }
.noFear-right { width: 366px; padding: 0 10px 10px 10px;  }
#noFear-comparison .tooltip-link .tooltip-background { width: 250px; height: auto; top: 25px; left: -125px; }
#noFear-comparison .tooltip-link .tooltip-background p { font-size: 12px; line-height: 21px; margin: 0; }
#noFear-comparison .tooltip-link .tooltip-background h4 { font-size: 12px; line-height: 21px; margin: 0; text-transform: uppercase; }
#noFear-comparison .tooltip-background:after  { border: solid transparent; content: ' '; height: 0; right: 100%; position: absolute; width: 0; border-width: 9px; border-bottom-color: #dde1e4; top: -19px; left: 125px; }
#noFear-comparison .tooltip-background:before { border-width: 18px; border-bottom-color: #dde1e4; top: -19px; left: 125px; }
.original-stage, .modern-stage { font-style: oblique; text-align: right;  padding: 0 5px 0 5px; margin: 0; }
#noFear-comparison table td { vertical-align: top; }
.noFear { padding: 15px 0; }
.noFear p { font-size: 12px; line-height: 22px; }
.NFS-container .more-help { margin: 30px 0 0; }
#howtocite { margin: 15px 0 0 0; }

/* Test Prep */
h2#satCountdown {  text-indent: -9999px; background: #2F2F2F url(http://img.sparknotes.com/images/new_global/testPrepSprite.png) -529px -40px no-repeat; width: 261px; height: 38px; display: block; margin: 15px 0 0 0; }
.satCountdownContainer { padding: 10px 0; }
.satCountdownContainer h3 { color: #37A9D3; font-size: 18px; margin: 0 8px; }
.satCountdownContainer h4 { font-weight: normal; margin: 5px 8px 15px; }
.satCountdownContainer ul { margin: 5px 8px 15px; }

/* Sweepstakes */
.sweepstakes img.fixed-media { margin: 10px 0 0 0; }
#sweepstakes_form { width: 510px; min-height: 500px; }
#sweepstakes_form h2, 
#sweepstakes_form h1 { font-size: 52px; margin: 0; line-height: 55px; }
#sweepstakes_form h3 { font-weight: normal; font-size: 32px; text-transform: none; line-height: 35px; }
.sweepstakes,
.sweepstakes p { font-size: 21px; line-height: 28px; margin: 5px; }
.sweepstakes ul { list-style: disc; margin: 30px 0 50px 20px; line-height: 35px; }
.overflowForm { overflow: hidden; margin: 0 0 15px; }
.sweepstakes input[type=text] { background: #fff; border: 1px solid #737373; padding: 9px 10px 7px 10px; box-shadow: inset 1px 2px 2px 2px #E3E3E3; -webkit-box-shadow: inset 1px 2px 2px 2px #E3E3E3; -moz-box-shadow: inset 1px 2px 2px 2px #E3E3E3;  border-radius: 3px; -moz-border-radius: 3px; width: 270px; margin: 0 0 5px; }
.sweepstakes input[type=checkbox] { margin: 10px 10px 0 3px; float: left; }
.sweepstakes select { margin: 12px 0 10px 0; }
.sweepstakes .formField { float: left; width: 270px; }
.sweepstakes .formTitle { float: left; width: 150px; margin: 10px 10px 0 5px; font-size: 22px; font-weight: 400; }
.sweepstakes .overflowForm { overflow: hidden; margin: 9px 0 0; }
.sweepstakes .overflow { margin: 10px 0 10px 2px; }
.sweepstakes .small { font-size: 14px; line-height: 24px; width: 220px; }
.email-update { width: 293px; float: right; }
span.logo { background: transparent url(http://img.sparknotes.com/images/images2013/sprite.png) no-repeat scroll 0 0; width: 250px; height: 50px; padding: 0; background-size: 350px; display: inline-block; float: left; margin: 2px 0 0 15px; }
span.mindhut-logo-home { background: url(http://img.sparknotes.com/images/images2013/mindhut-sprite.png) no-repeat scroll 0 0; width: 250px; height: 70px; margin: -10px 0 0 15px; display: inline-block; background-size: 250px; }
span.sparklife-logo-home { margin: 5px 0 0 20px; height: 44px; width: 300px; background: url(http://img.sparknotes.com/images/images2013/sparklife-sprite.png) no-repeat scroll 0 -52px; background-size: 468px; display: inline-block; }
.thank-you-sweeps { margin: 5px 0 20px; }
.sweepstakes-form { padding: 25px; margin: 30px 0; min-height: 300px; }
.sweepstakes-form .winners { margin: 110px 0 0 0; }
.sweepstakes .take-away { margin: 60px 0 230px 0; }
.take-away span.mindhut-logo-home { margin: -10px 10px 0 5px; width: 155px; background-size: 155px; }
.take-away span.sparklife-logo-home { margin: -5px 10px 0 15px; width: 225px; background-size: 350px; background-position: 0 -38px; height: 34px; }
.take-away span.logo { margin: -5px 10px 0 10px; width: 180px; background-size: 250px; height: 34px; }

/* Advertise Page */
.advertise-title span.logo { margin: -16px 15px 30px 0; }
.advertise input[type="text"], 
.advertise input[type="email"] { margin: 0 0 15px; overflow: auto; width: 95%; padding: 0 10px; }
.advertise textarea { padding: 10px; font-family: LFT-Etica-Web, Arial, sans-serif; font-size: 14px; }
.advertise .blue-block-link { margin: 15px 0; }
.ad-specs { margin: 15px; border-bottom: 1px solid #6dcff4; }
.ad-specs ul { margin: 0 0 15px 10px; font-size: 14px; line-height: 24px; }
.ad-specs .media-text { width: 200px; }
.advertise { font-size: 14px; }
.advertise .expandingArea { border: 1px solid #b7c2c5; }

/* Podcasts Page */
.podcasts-columns { padding-bottom: 30px; margin: 30px 0 !important; }
.podcasts-logo { width: 749px; height: 80px; background: url(http://img.sparknotes.com/images/images2013/podcast-sprite.png) no-repeat scroll 0 0; margin: 0 0 20px; }
.auntie-logo { width: 380px; height: 42px; background: url(http://img.sparknotes.com/images/images2013/podcast-sprite.png) no-repeat scroll 0 -80px; margin: 0 0 5px; }
.SL-podcast-logo { width: 342px; height: 42px; background: url(http://img.sparknotes.com/images/images2013/podcast-sprite.png) no-repeat scroll -380px -80px; margin: 0 0 5px; }
.podcast-module-1 { margin: 0 30px 30px 0; padding: 25px; }
.podcast-module-2 { margin: 0 0 30px 30px; padding: 25px; }
.media-1-2 .fixed-media { width: 175px; float: right; }
.media-1-2 h2 { font-size: 22px; margin: 0; }
.media-1-2 h4 { font-size: 14px; margin: 10px 0; font-weight: normal; text-transform: uppercase; }
.podcasts-columns h3 { margin: 20px 0 20px 30px; }
.media-1-2 p { padding: 0 0 10px 0; margin: 0; }
.load-more { padding: 15px; text-transform: uppercase; font-weight: bold; font-size: 20px; display: block; box-shadow: 0 3px 7px -2px rgba(109, 109, 109, .5); }
.load-more:hover { box-shadow: 0 3px 7px -2px rgba(109, 109, 109, 1); }
/* Need body class to target Podcast page*/ .podcast-page .inner-content { background: transparent; }
 
/* iPhone 4, Opera Mobile 11 and other high pixel ratio devices ----------- */
/* not needed yet
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

.logo { background: transparent url(http://img.sparknotes.com/images/images2013/sprite@2x.png) no-repeat scroll 0 0; background-size: 330px; }
#carousel_prev { background: #EFEFEF url(http://img.sparknotes.com/images/images2013/sprite@2x.png) no-repeat scroll -291px -47px; background-size: 330px; }
#carousel_next { background: #EFEFEF url(http://img.sparknotes.com/images/images2013/sprite@2x.png) no-repeat scroll -291px -81px; background-size: 330px; }
.search form fieldset input[type="submit"] { background: #2ABDF4 url(http://img.sparknotes.com/images/images2013/sprite@2x.png) no-repeat scroll -284px 6px; background-size: 330px; }
.small-search form fieldset input[type="submit"] { background: #2ABDF4 url(http://img.sparknotes.com/images/images2013/sprite@2x.png) no-repeat scroll -298px -24px; background-size: 330px; }

}
end media query */

/* Helpers */
.margin-0,
.light-grey-menu a.margin-0,
li.margin-0 a { margin: 0 !important; }
.border-0,
li.border-0 { border: 0 !important; }
.border-bottom-0 { border-bottom: 0 !important; }
.padding-btm-0 { padding-bottom: 0 !important; }
.padding-right-30 { padding-right: 30px !important; }
.padding-btm-30 { padding-bottom: 30px !important; }
.margin-btm-0 { margin-bottom: 0 !important; }
.margin-left-5 { margin: 0 0 0 5px; }
.margin-btm-5 { margin: 0 0 5px; }
.margin-btm-10 { margin: 0 0 10px; }
.margin-btm-20 { margin: 0 0 20px; }
.margin-btm-30 { margin: 0 0 30px; }
.margin-right-30 { margin: 0 30px 0 0; }
.margin-left-30 { margin: 0 0 0 30px; }
.padding-rl-15 { padding: 0 15px; }
.padding-15 { padding: 15px; }
.right { float: right; }
.left { float: left; }
.relative { position: relative; }
.text-align-right { text-align: right; }
.text-align-left { text-align: left; }
.indent { margin: 0 40px; }

/* Contain floats: h5bp.com/q */
.clearfix:before, 
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.overflow { overflow: hidden; }

/* Image replacement + Hide elements */
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; }
.hide-text:hover,
.hide-text:active { -webkit-transition: none; -moz-transition: none; }
.hide-text-accessibility { height: 0; line-height: 0; padding: 0; margin: 0; font-size: 0; }
.hidden,
img[src^="http://pagead2.googlesyndication.com/pagead/imgad/3960694/SparkNotes1x1.gif"] { display: none; }

/* Center an element - put "center" class on containing element and "is-centered" on centered element */
.center { text-align: center; }
.is-centered { display: inline-block; }

/*! jQuery UI - v1.10.0 - 2013-02-01
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.menu.css, jquery.ui.tabs.css
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}


.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 0;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
	cursor: pointer;
	color: #424242;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}


/* Private Messaging */
.privateMessaging { width: 470px; min-height: 300px;background: none; text-align: left; padding: 8px; border-right: none; border-bottom: none; border-radius: 0 0 6px 6px; position: absolute; top: 52px; left: -7px; }
.privateMessaging h3 { text-transform: none; }
.privateMessaging p { margin-bottom: 10px; }
.privateMessaging textarea { font-family: "Lucida Grande", Arial, sans-serif; font-size: 12px; }
.newMail { overflow: hidden; width: 335px; padding: 2px 0 1px 0; z-index: 1000; position: relative; }
.mail { width: 335px;  }
.newMail h2 { float: left; padding: 7px 3px 3px 0; margin: 0; } 
.newMail h2 a, .newMail h2.new a:hover { text-indent: -9999px; background: url(http://img.sparknotes.com/images/new_global/messagingSprite.png) -90px -174px no-repeat; width: 33px; height: 18px; display: block; border-bottom: none; margin: 0; -webkit-transition: none; -moz-transition: none; }
.newMail h2.new a { background-position: -90px -156px; }
.newMail h3 { margin: 8px 0 0 4px; float: left; text-transform: none; }
.newMail h3 a { font-size: 11px; color: #868686; border-bottom: 0; }
.newMail h3.new a, .mailActive h3 a { color: #000; }
.mailActive h3 a:hover, .mailActive h3 a:active, .newMail h3 a:hover { color: #868686; }
.mailLoading { text-align: center; padding: 140px 0 140px 0; background: #575757; -moz-border-radius: 6px; border-radius: 6px;}
.privateMessaging a.closeOverlay { text-indent: -9999px; background: url(http://img.sparknotes.com/images/new_global/messagingSprite.png) -90px -228px no-repeat; width: 25px; height: 24px; display: block; border-bottom: none; margin: 0; outline: none; position: absolute; left: 450px; top: 48px; }
.privateMessaging a.closeOverlay:hover { background-position: -115px -228px; }

/* Private Messaging - Tabs */
ul.mailTabs { margin: 0 0 0 9px; float: left; }
ul.mailTabs li { float: left; padding: 8px 15px 8px 15px; margin: 0 5px 0 0; background: url(http://img.sparknotes.com/images/new_global/mailTabBG.png) repeat-x; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; border: 1px solid #838382; }
ul.mailTabs li.current, ul.mailTabs li:hover { background: #616161; }
ul.mailTabs li.current a, ul.mailTabs li a:hover  { color: #fff; border: 0; }
ul.mailTabs li a { color: #D6D6D6; font-weight: bold; font-size: 14px; line-height: 11px; }

/* Private Messaging - View all messages */
.messages { background: #616161 url(http://img.sparknotes.com/images/new_global/messagesBG.png) bottom left repeat-x; -moz-border-radius: 6px; border-radius: 6px; min-height: 300px; }
.noMessages { padding: 20px 0 0 9px; }
.inboxContainer { padding: 35px 4px 40px 9px; }
.messages a { color: #000; }
.messages .imageList a:hover { border-bottom: 0; }
.messages .imageList { background: #DBDBDB url(http://img.sparknotes.com/images/new_global/messageBGsingle.png) bottom left repeat-x; width: 435px;  margin: 0 0 9px 0; padding: 9px; overflow: hidden; }
.messages .shadow { -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 1px 1px 5px 3px #373737; -moz-box-shadow: 1px 1px 5px 3px #373737; box-shadow: 1px 1px 5px 3px #373737; }
#sent .imageList { background: #FFEE9E url(http://img.sparknotes.com/images/new_global/messageBGsent.png) bottom left repeat-x; }
#sent .single-message .imageList { background: #fff; }
.messages .unread { background: #fff url(http://img.sparknotes.com/images/new_global/messageBGnew.png) bottom left repeat-x; }
.messages .imageList:hover{ background: #fff; }
.messages .imageList h3.date { float: right; text-transform: uppercase; font-weight: normal; font-size: 11px; line-height: 15px; margin: 0; padding: 0; }
.messages .imageList h3.userName { float: left; font-size: 14px; margin: 0; line-height: 15px; width: 250px;}
.messages .imageList h3.userName a { color: #000; margin: 0; line-height: 15px; }
.messages .imageList h3.userName a:hover, h3.noMessage a:hover { color: #26c4ff; border-bottom: 1px solid #26c4ff; }
h3.noMessage { float: left; font-size: 14px; margin: 0; line-height: 22px; }
h3.noMessage a { color: #26C4FF; border-bottom: 1px solid #26C4FF; }
.messages .imageList p { display: block; }
.messages .imageList .overflow { margin: 0; padding: 0; overflow: hidden; }
.messages .imageList img.profile { padding: 0 12px 0 0; width: 77px; float: left; }
.messages .slPaginate { float: right; color: #D6D6D6; margin: 10px 0 0 0; width: auto; padding: 0;}
.messages .slPaginate a { color: #D6D6D6; }
.messages .slPaginate a:hover { border-bottom: 1px solid #B2E9FD; color: #B2E9FD; }
.slPaginate a.current { font-weight: bold; color: #fff; }
a.trash { float: right; background: url(http://img.sparknotes.com/images/new_global/messagingSprite.png) -90px -192px no-repeat; height: 23px; width: 18px; text-indent: -9999px; margin: 5px 0 0 0; }
a.trash:hover { border-bottom: 0; background-position: -108px -192px; }
.single-message .message { border-bottom: 2px dotted #CCCCCC; }
p.messageExcerpt { margin: 0; } 

/* Private Messaging - Single message */
.scroll-pane { overflow-y: scroll; max-height: 530px; }
.scroll-pane .imageList { width: 405px; margin: 5px; }
.single-message .reply { margin: 8px 0 0 0; border-bottom: 0; }
.single-message .reply img { padding: 0 12px 0 0; float: left; width: 77px; }
.single-message .reply textarea { border: 1px solid #CCCCCC; height: 200px; margin: 0; overflow: auto; padding: 5px; width: 74%; float: right; }
.backInbox { margin: 2px 0 6px 6px; font-size: 12px; }
.backInbox a { color: #fff; } 
.backInbox a:hover { color: #B2E9FD; }
.single-message .imageList { background: #fff; }
.single-message .imageList:hover { background: #fff; }
.single-message { width: 456px; padding: 8px 6px 40px 9px; }
.single-message a.trash { margin: 0 0 8px 0; }
.replyBottom { margin: 0 0 0 82px; overflow: hidden;}
.replyBottom a.trash { float: right; }
.replyBottom a.reply { background: url(http://img.sparknotes.com/images/new_global/messagingSprite.png) no-repeat scroll 0 0 transparent; height: 39px; margin: 4px -1px 7px 0; text-indent: -9999px; width: 90px; display: block; cursor: pointer; float: right; }
.replyBottom a.reply:hover { background-position: 0 -39px; border: 0; }
.single-message a#imageFlag { margin: 0 0 8px 0; float: right; text-indent: -9999px; background: url(http://img.sparknotes.com/images/new_global/messagingSprite.png) -122px 0 no-repeat; width: 15px; height: 15px; } 
.single-message a#imageFlag:hover { background-position: -122px -15px; }
.single-message .message p a { color: #26c4ff; border-bottom: 1px solid #26c4ff; } 
.single-message .message p a:hover { color: #b2e9fd; border-bottom: 1px solid #b2e9fd; } 
.flagDelete { overflow: hidden; margin: 5px 0 0 0; }
.flagOptions { font-size: 11px; float: right; text-align: right; margin: 0 0 8px 0;}
.flagOptions strong { border-bottom: 1px solid #000; }
.flagOptions a:hover { color: #26C4FF; }

/* Private Messaging - Conversation */
.conversation .imageList { margin: 0 0 0 5px; width: 93.5%; }
/*.conversation .message { margin: 0 0 10px 0; }*/
.conversation  { -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 1px 1px 5px 3px #373737; -moz-box-shadow: 1px 1px 5px 3px #373737; box-shadow: 1px 1px 5px 3px #373737; background: #fff; margin: 3px 0 0 5px; }
.conversationContainer { padding: 8px 0 40px 5px; }
.replyBottom a.replyAll { background: url(http://img.sparknotes.com/images/new_global/messagingSprite.png) no-repeat scroll 0 -78px transparent; height: 39px; margin: 4px 0 0 0; text-indent: -9999px; width: 143px; display: block; cursor: pointer; float: right; }
.replyBottom a.replyAll:hover { background-position: 0 -117px; border: 0; }

/* Private Messaging - Compose */
.composeSubmit input { background: url(http://img.sparknotes.com/images/new_global/messagingSprite.png) no-repeat scroll 0 -156px; height: 39px; margin: 4px -7px 0 0; text-indent: -9999px; width: 90px; display: block; cursor: pointer; float: right; border: 0; text-transform: uppercase; }
.composeSubmit input:hover { background-position: 0 -195px; border: 0; }
.headlineTop { border-bottom: 2px dotted #CCCCCC; overflow: hidden; padding: 0 0 12px 0;}
.headlineTop .headline { float: left; font-weight: bold; margin: 0 5px 0 0; font-size: 13px; }
.compose .toField { border: 1px solid #CCCCCC; margin: 0 1px 0 0; padding: 0 4px 0 4px; width: 384px; float: right; background: #fff; font-size: 13px; }
.compose input#message_receiver_name { border: 0; margin: 3px 0 3px 0; width: 100%; outline:none; }
.compose .name { float: left; background: #89E7FF; padding: 2px 4px; border-radius: 3px; -moz-border-radius: 3px; margin: 4px 3px 0 0;}
.compose .name:hover { background: #CCCCCC; }
.compose .name a.close { background: url(http://img.sparknotes.com/images/new_global/messagingSprite.png) no-repeat scroll -90px -215px; height: 10px; width: 11px; text-indent: -9999px; display: block; float: right; margin: 2px 0 0 3px; }
.compose .name a.close:hover, .compose .name a.close:active { background-position: -102px -215px; -webkit-transition: none; -moz-transition: none; }
.compose { padding: 12px; background: #f7f7f7 url(http://img.sparknotes.com/images/new_global/messageBGcompose.png) bottom left repeat-x; border-radius: 6px; -moz-border-radius: 6px; width: 427px; -webkit-box-shadow: 1px 1px 5px 3px #373737; -moz-box-shadow: 1px 1px 5px 3px #373737; box-shadow: 1px 1px 5px 3px #373737; }
.compose textarea { border: 1px solid #CCCCCC; height: 300px; margin: 12px 0 0 0; overflow: auto; padding: 5px; width: 414px; }
.composeContainer { padding: 35px 4px 40px 10px; }
.messageTitle { overflow: hidden; font-size: 10px; line-height: 15px; padding: 8px 0;  margin: 0 15px; border-bottom: 2px dotted #CCCCCC; }
.messageTitle a { font-weight: bold; }
.messageTitle a:hover { color: #26C4FF; }
.messageTitle h3.to { float: left; background: url(http://img.sparknotes.com/images/new_global/messagingSprite.png) -113px -215px no-repeat; height: 13px; width: 18px; text-indent: -9999px; margin: 2px 0 0 0; }
.messageTitle .users { float: left; margin: 0 0 0 8px; width: 375px; }
.messageTitle .users a { border: 0; }

/* Private Messaging - Autocomplete */
.message_results.ac_results { padding: 0px; border-top: 0; border-left: 1px solid #898989; border-right: 1px solid #898989; border-bottom: 1px solid #898989; background-color: #FFF; overflow: hidden; z-index: 99999; width: 212px !important; margin: 4px 0 0 -5px; }
.message_results .ac_odd { background-color: #f6f6f6; }
.message_results .ac_even { background-color: #f6f6f6; }
.message_results .ac_over { background-color: #89E7FF; }

/* Autocomplete */
.ui-autocomplete { padding: 0px; border-top: 0; border-left: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; background-color: #FFF; overflow: hidden; width: 271px !important; }
.small-search .ui-autocomplete { width: 181px !important; }
.ui-autocomplete li { margin: 0px; padding: 5px 8px 5px 8px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; text-align: left; }
.ui-autocomplete li:nth-child(odd) { background-color: #EAF4F6; }
.ui-autocomplete li:nth-child(even){ background-color: #f6f6f6; }
.ui-autocomplete li:hover { background-color: #cbeffc; }
.ui-autocomplete li a:hover  { -webkit-transition: none; -moz-transition: none; }

/* Meebo Bar */
#imbored_container { background: url(http://img.sparknotes.com/images/new_global/homeCenterBG.png) top left repeat-y; height: 456px; width: 280px; padding:10px; color: #191919; font-size: 11px; display: none; font-family: "Lucida Grande",sans-serif;}
.imbored_item { background: #fff; width: 268px; border: 1px solid #000; margin-top: 15px; overflow: hidden; }
.imbored_item p { margin: 5px 0 0 0; }
.imbored_item img { float: left; width: 140px; height: 105px; }
.imbored_item div.imbored_text { margin: 3px 8px 0 148px; line-height: 15px; text-align: left; }
.imbored_item span.imbored_title, .imbored_item span.imbored_title a, .imbored_item span.imbored_title a:visited { font-weight: bold; text-decoration: none; color: #000; font-size: 12px; line-height: 18px; }
.imbored_item span.imbored_title a:hover { border-bottom: 1px solid #B2E9FD; color: #B2E9FD; }
.imbored_item span.imbored_more { font-weight: bold; color: #00adee; font-size: 10px;}

/* Background colors and gradients */
.mid-blue-background { background: #7cd3f3; }
.white-background { background: #fff; }
.light-blue-background { background: #f6fbfe; }
.SL-light-blue-background { background: #d8f0fa; }
.blue-background { background: #e8f3f7; }
.light-grey-background { background: #ededed; }
.light-mid-grey-background { background: #F4F4F4; }
.light-grey-white-background { background: #f9fcfd; }
.dark-grey-background { background: #383838; }
.dark-blue-background { background: #093140; }
a.dark-grey-background:hover,
a.dark-grey-background:active { background: #000; }
a.dark-blue-background:hover,
a.dark-blue-background:active { background: #136a8a; }
.background-off-white { background: #f9f9f9; }

.light-grey-gradient {
background: #fff;
background-image: linear-gradient(left bottom, rgb(242,242,242) 23%, rgb(250,250,250) 62%, rgb(255,255,255) 81%);
background-image: -o-linear-gradient(left bottom, rgb(242,242,242) 23%, rgb(250,250,250) 62%, rgb(255,255,255) 81%);
background-image: -moz-linear-gradient(left bottom, rgb(242,242,242) 23%, rgb(250,250,250) 62%, rgb(255,255,255) 81%);
background-image: -webkit-linear-gradient(left bottom, rgb(242,242,242) 23%, rgb(250,250,250) 62%, rgb(255,255,255) 81%);
background-image: -ms-linear-gradient(left bottom, rgb(242,242,242) 23%, rgb(250,250,250) 62%, rgb(255,255,255) 81%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	0 210,
	color-stop(0.23, rgb(242,242,242)),
	color-stop(0.62, rgb(250,250,250)),
	color-stop(0.81, rgb(255,255,255))
);
}
.short-light-grey-gradient,
.ui-tabs-panel,
.grayGradient {
background-image: linear-gradient(bottom, rgb(237,237,237) 0%, rgb(238,238,238) 20%, rgb(255,255,255) 40%);
background-image: -o-linear-gradient(bottom, rgb(237,237,237) 0%, rgb(238,238,238) 20%, rgb(255,255,255) 40%);
background-image: -moz-linear-gradient(bottom, rgb(237,237,237) 0%, rgb(238,238,238) 20%, rgb(255,255,255) 40%);
background-image: -webkit-linear-gradient(bottom, rgb(237,237,237) 0%, rgb(238,238,238) 20%, rgb(255,255,255) 40%);
background-image: -ms-linear-gradient(bottom, rgb(237,237,237) 0%, rgb(238,238,238) 20%, rgb(255,255,255) 40%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left 0,
	color-stop(0.0, rgb(237,237,237)),
	color-stop(0.2, rgb(238,238,238)),
	color-stop(0.4, rgb(255,255,255))
);
}
a.short-light-grey-gradient:hover {
background-image: linear-gradient(bottom, rgb(235,232,235) 0%, rgb(232,232,232) 20%, rgb(255,255,255) 40%);
background-image: -o-linear-gradient(bottom, rgb(235,232,235) 0%, rgb(232,232,232) 20%, rgb(255,255,255) 40%);
background-image: -moz-linear-gradient(bottom, rgb(235,232,235) 0%, rgb(232,232,232) 20%, rgb(255,255,255) 40%);
background-image: -webkit-linear-gradient(bottom, rgb(235,232,235) 0%, rgb(232,232,232) 20%, rgb(255,255,255) 40%);
background-image: -ms-linear-gradient(bottom, rgb(235,232,235) 0%, rgb(232,232,232) 20%, rgb(255,255,255) 40%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left 0,
	color-stop(0.0, rgb(235,232,235)),
	color-stop(0.2, rgb(232,232,232)),
	color-stop(0.4, rgb(255,255,255))
);
}
.blue-gradient, 
.sponsored .songza-links:hover {
background-color: #f1f9fc;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(241, 249, 252)), to(rgb(235, 240, 244)));
background-image: -webkit-linear-gradient(top, rgb(241, 249, 252), rgb(235, 240, 244));
background-image: -moz-linear-gradient(top, rgb(241, 249, 252), rgb(235, 240, 244));
background-image: -o-linear-gradient(top, rgb(241, 249, 252), rgb(235, 240, 244));
background-image: -ms-linear-gradient(top, rgb(241, 249, 252), rgb(235, 240, 244));
background-image: linear-gradient(top, rgb(241, 249, 252), rgb(235, 240, 244));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f1f9fc', EndColorStr='#ebf0f4');
}
.blue-gradient:hover {
background-color: #f1f9fc;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(241, 249, 252)), to(rgb(221, 225, 228)));
background-image: -webkit-linear-gradient(top, rgb(241, 249, 252), rgb(221, 225, 228));
background-image: -moz-linear-gradient(top, rgb(241, 249, 252), rgb(221, 225, 228));
background-image: -o-linear-gradient(top, rgb(241, 249, 252), rgb(221, 225, 228));
background-image: -ms-linear-gradient(top, rgb(241, 249, 252), rgb(221, 225, 228));
background-image: linear-gradient(top, rgb(241, 249, 252), rgb(221, 225, 228));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f1f9fc', EndColorStr='#dde1e4');
}

.lightGrayGradient { background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); background: linear-gradient(top,  #ffffff 0%,#ebebeb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); }


.turquoise-gradient {
background-color: #2099c5;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(32, 153, 197)), to(rgb(37, 170, 219)));
background-image: -webkit-linear-gradient(top, rgb(32, 153, 197), rgb(37, 170, 219), rgb(32, 153, 197));
background-image: -moz-linear-gradient(top, rgb(32, 153, 197), rgb(37, 170, 219), rgb(32, 153, 197));
background-image: -o-linear-gradient(top, rgb(32, 153, 197), rgb(37, 170, 219), rgb(32, 153, 197));
background-image: -ms-linear-gradient(top, rgb(32, 153, 197), rgb(37, 170, 219), rgb(32, 153, 197));
background-image: linear-gradient(top, rgb(32, 153, 197), rgb(37, 170, 219), rgb(32, 153, 197));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#2099c5', EndColorStr='#25aadb');
}

.turquoise-gradient:hover {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(32, 153, 197)), to(rgb(36, 160, 206)));
background-image: -webkit-linear-gradient(top, rgb(32, 153, 197), rgb(36, 160, 206), rgb(32, 153, 197));
background-image: -moz-linear-gradient(top, rgb(32, 153, 197), rgb(36, 160, 206), rgb(32, 153, 197));
background-image: -o-linear-gradient(top, rgb(32, 153, 197), rgb(36, 160, 206), rgb(32, 153, 197));
background-image: -ms-linear-gradient(top, rgb(32, 153, 197), rgb(36, 160, 206), rgb(32, 153, 197));
background-image: linear-gradient(top, rgb(32, 153, 197), rgb(36, 160, 206), rgb(32, 153, 197));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#2099c5', EndColorStr='#24a0ce');
}