body {
  font-family: 'minion-pro', 'Pagella', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  text-indent: 0;
/*  text-rendering: optimizeLegibility; */
}

article, aside, details, figcaption, 
figure, footer, header, hgroup, menu, 
nav, section { /* set html5 elements to block */
    display: block;
}

i, em { font-style: italic; }
b, strong { font-weight: 600; }
s, u { text-decoration: inherit; }
q:before, q:after { content: ""; }


span, em { 
  font: inherit;
}

html {
  min-height: 100%;
}

body {
  position: relative;
  z-index: 0;
  min-height: 100%;
  width: 100%;
  background-color: #e9e9e9 /*#bbc*/;
  background-image: url('../img/paper-bg-dark.jpg');
  background-repeat: repeat;
}

#body-double { /* to get top background gradient */
  position: relative;
  z-index: 1;
  padding-top: 10px;
  min-height: 100%;
  width: 100%;
  background-image: url('../img/paper-bg-topgrad.jpg');
  background-position: top;
  background-repeat: repeat-x;
}

#page-wrapper { /* to center #page */
  position: relative;
  z-index: 2;
  margin-right: auto;
  margin-left: auto;
  min-height: 100%;

  min-width: 450px;
  max-width: 1300px;
}

#page { /* the actual page */
  position: relative;
  z-index: 3;
  min-height: 100%;
  margin: 0 35px 0 35px; /* margins protected */
}

/* ====================================================== */

/* MASTHEAD */


#head { /* masthead */
  position: relative;
  z-index: 10;
  height: 150px;
  background-color: #aaa;
  background-color: #f6f6f6;
  background-image: url('../img/masthead-mathcorner.png');
  background-position: top left;
  background-repeat: no-repeat;
}

#h1-wrapper { /* masthead */
  position: relative;
  z-index: 11;
  height: 100px;
  margin-left: 150px;
  background-color: #2110A3; /* main blue, fallback */
  background-image: url('../img/masthead-bg.png'); 
  background-repeat: repeat-x;
}

h1 { /* contains the MSP masthead logo */
  position: relative;
  z-index: 12;
  height: 100px;
  background-image: url('../img/masthead-logo.png');
  background-position: top left;
  background-repeat: no-repeat;
}

h1 > a > span {
  position: absolute;
  left: 23px;
  height: 42px;
  width: 100px;
  cursor: pointer;
}

h1 span span {
  display: none;
  color: white;
  font-weight: 400; 
  font-size: 45px;
  line-height: 1;
  text-transform: lowercase;
  font-family: 'myriad-pro', 'OpenSans', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

#tagline {
  position: absolute;
  z-index: 15;
  top: 19px;
  right: 27px;
  font-weight: 300;
  font-family: 'myriad-pro', 'OpenSans', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: 1.1em;
  color: white;
  cursor: pointer;
  overflow: visible;
}

/* ====================================================== */

/* NAVIGATION MENU */

#top-menu {
  position: relative;
  z-index: 20;
  top: -45px;
  left: -15px;
  margin-right:-30px; /* twice the 15px overflow */
  margin-left: 150px;
}

#top-menu table { /* the nav menu */
  position: absolute;
  z-index: 21;
  width: 100%;
  padding: 0;
  text-align: center;
  border-collapse: collapse;
  background-color: transparent;
  table-layout: fixed;
}
#top-menu td { /* a menu entry */
  margin:0;
  padding:0;
  width: 20%; /* divide 100 by the number of menu items */
  vertical-align: baseline;
  text-align: center;
  letter-spacing: 1px;
  word-spacing: .18em;
  font-size: 1em;
  line-height: 1.3;
  font-family: 'myriad-pro-condensed', 'OpenSans-cond', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  cursor: pointer;
  
  overflow: hidden;
}

#top-menu p {
  margin: 0;
}
#top-menu a {
  transition: all .1s ease-in-out;
}
#top-menu a.menu-item {
  background-color: white;
  background-image: linear-gradient(#fff, #ddd);
/*  background-image: url('../img/paper-bg.jpg'); */
/*  background-repeat: repeat; */
  border: 1px solid rgb(9,28,89); /* dark blue */
  border-top: none;
  border-bottom: none;
}
#top-menu a.menu-item {
  padding: 0;
}
#top-menu a.submenu-item {
  padding: 3px 0 3px 0;
}
#top-menu td:first-child a.menu-item {
/*   border-left: none; */
}
#top-menu td:last-child a.menu-item {
  border-right: none;
}

#top-menu td.current a.menu-item {
  background-color: rgb(9,28,89); /* dark blue */
  background-image: none;
  color: white;
}

#top-menu td:hover a.menu-item {
/*  background-image: none; */
  background-color: rgb(5,16,51); /*darker blue */
  color: white;
  background-color: white;
  background-image: linear-gradient(#ddd, #fff);
  color: black;
/*   border: 1px solid rgb(9,28,89); /* dark blue */
/*   border-top: none; */
/*   border-bottom: none; */
}
#top-menu td:active a.menu-item {
  background-color: #385E14; /* green */
}

#top-menu a {
  display: inline-block;
  height: 100%;
  width: 100%;
}
#top-menu a,
#top-menu a:visited {
  color: black;
}

#top-menu td .submenu {
  visibility: hidden;
  opacity: 0;
/*   margin-top: 50px; */
  transition: all .1s ease-in-out;

  position: absolute;
  width: 20%;
  
  cursor: default;
  padding: 0;
  border: 1px solid rgb(9,28,89); /* dark blue */
  border-top: none;
  
/*   box-shadow: 0 0 3px; */
  background-color: white;
  background-image: linear-gradient(#fff, #ddd);
  color: rgb(5,16,51); /*darker blue */
  text-transform: none;
  
}
#top-menu td:hover .submenu {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}

#top-menu a.submenu-item {
  color: rgb(5,16,51); /*darker blue */
  padding: 3px 0 3px 0;
}
#top-menu td:hover a.menu-item:hover,
#top-menu td:hover a.submenu-item:hover,
#top-menu td:hover a:active {
  color: white;
  background-image: none;
  background-color: rgb(5,16,51); /*darker blue */
}



/* ====================================================== */

#content-wrapper { /* everything under the masthead */
  position: relative;
  z-index: 5;
  background-color: #f6f6f6;
  background-image: url('../img/sidebar-euclid.jpg');
  background-position: top left;
  background-repeat: repeat-y;

  padding: 10px 0 1em 0;
  
}

#content { /* the main column */
  position: relative;
  top: -30px;
  margin-left: 150px;
  padding: 0 50px 0 50px;
}

/* ====================================================== */
/* PARAMS */

h1, h2, h3, h4, h5, h6 {
  padding-left: 40px;
  text-indent: -40px;
}
header .books-authors,
header .books-volyear {
  margin-left: 40px;
}
.textbox { 
  margin-left: 40px; 
}


/* ====================================================== */

/* SECTIONING */

h1, h2, h3, h4, h5, h6 {
  font-family: 'myriad-pro', 'OpenSans', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-weight: 400;
  padding-left: 40px;
  text-indent: -40px;

  padding-right: 1em;
  text-align: left;
}

h1, h2, h3, h4 {
  /*clear: both;*/
}

h2 { /* eg, page title */
  margin-left: -2px;

  padding-top: 1.83em;
  font-size: 1.52em;
  margin-bottom: .75em;
  
  text-transform: uppercase;
  letter-spacing: 1px;
  word-spacing: .18em;
}
h3 { /* eg, journal group */
  margin-left: -1px;
  padding-top: .6em; /* like p */
  margin-top: 1.86em;
  font-size: 1.32em;
}
h4 { /* eg, journal name */
  padding-top: .6em; /* like p */
  margin-top: .57em;  
  font-size: 1.15em;
}
h5 { 
  padding-top: .6em; /* like p */
  margin-top: .34em;
  font-size: 1em;
}
h6 {
  padding-top: .6em; /* like p */
  margin-top: .15em;
  font-size: 1em;
}

p {
  margin-top: .6em;
  margin-bottom: .6em;
  padding: 0;
}

.pagetitle,
.flushtop {
  margin-top: 0;
  padding-top: 0;
}



/* ====================================================== */

/* LISTS */

ul {
  list-style: none;
  margin: 7px 0 7px 2px;  
}
ul.indent {
  margin-left: 20px;
}
ul li {
  padding-left: 2em;
  text-indent: -2em;  
}
ul li:before {
  content: "–";
  font-weight: 600;
  padding-right: .5em;
}



ul.flat > li:before,
ul.floatbox > li:before,
ul.newitems > li:before,
ul.prices > li:before,
form li:before {
  content: "";
  padding: 0;
}




li.together {
  margin: 4px 10px;
  font-size: .85em;
}


ol li {
  margin: 5px 0 5px 35px;
  padding-left: 15px;
  text-indent: -15px;
}



.floatbox {
  float: right;
  position: relative;
  top: 10px;
  margin: 0 0 1.5em 1.5em;
  padding: 5px 10px 0 15px;
  background-color: white;
     -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  width: 30%;
  min-width: 175px;
  font-size: 1em;
}
.floatbox.global {
  top: -20px;
  width: 30%;
  font-size: 1em;  
}


div.floatbox {
  padding-top: 15px;
  padding-bottom: 15px;
}
div.floatbox h5 {
  margin-top: 0;
  padding-top: 0;
}
div.floatbox h6 {
  font-size: .9em;
}
div.floatbox p {
  font-size: .9em;
  font-family: 'myriad-pro', 'OpenSans', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}



ul.floatbox > li { /* type of publication */
  padding-left: 5px;
  text-indent: -5px;
  font-weight: 400; 
  font-size: 1em; 
  font-family: 'myriad-pro', 'OpenSans', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  
}
ul.floatbox .on > span {
  color: #385E14;
  font-size: 1.2em;
}
ul.floatbox ul {
  margin-bottom: 1.5em;
  padding-left: 7px;
  border-left: 1px dashed #bbb;
} 
ul.floatbox .on ul {
  border-color: #2110A3; /* main blue */
}

ul.floatbox ul li { /* publication group */
  margin: .5em 0 .5em 0;
  padding-left: 14px;
  text-indent: -14px;
  font-weight: 400;
  font-size: .9em;
}

ul.floatbox ul ul {
  margin-left: 0px;
  border: none; /* kill inherited */
  margin-bottom: 0; /* kill inherited */
  padding-left: 0; /* kill inherited */
}

ul.floatbox ul ul li,
ul.floatbox.global ul li { /* publication */
  margin: .5em 0 .5em 0;
  padding-left: 20px;
  text-indent: -20px;
  font-weight: 300; 
  font-style: normal;
  font-family: 'myriad-pro-condensed', 'OpenSans-cond', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: 1em;  
}



ul.newitems > li {
  padding-top: 10px;
  font-weight: 400;
  font-family: 'myriad-pro', 'OpenSans', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
ul.newitems > li {
  padding-top: 10px;
  font-weight: 400;
  font-family: 'myriad-pro', 'OpenSans', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  padding: 0; 
  text-indent: 0;
}
ul.newitems li li {
  font-family: 'myriad-pro-condensed', 'OpenSans-cond', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
ul.newitems .books-volyear {
  padding-left: .5em;
  font-size: .9em;
}

/* ====================================================== */

body, p, li,
.textbox {
  color: #444;
}

h4, h5, h6, 
.newitems > li {
  color: #333;
}

h2, h3 {
  color: #222;
}

a.active, 
a:link, 
a:visited {
  color: #2110A3; /* main blue */
  color: #44a;
}



/* ====================================================== */

a {
  text-decoration: none;
  font: inherit;
}
a.active, 
a:link, 
a:visited {
/*  color: #2110A3; /* main blue */
  cursor: pointer;
}
a:hover {
  color: #385E14; /* dark green */
}
a:active {
  color: rgb(191,63,29); /* orange */
}


div.team { /* berkeley team, warwick team */
  float: left;
  padding-bottom: 15px;
}
.team h4{
  margin: 0;
  margin-top:-5px;
  padding-top: 7px;
  margin-bottom:5px;

  padding-left: 0;
  text-indent:-1px;
}

td h4 {
  margin:0;
}


/* ====================================================== */

/* CONTENTS */

.pushdown,
.vspaced {
  margin-top: 2.5em;
}
.vspaced {
  margin-bottom: 2.5em;
}


.titledtextbox h3,
.titledtextbox h4,
.titledtextbox h5,
.textboxin {
  max-width: 725px;
}
.hidden {
    max-width: 700px; /* 25px less than .textboxin */
}
.textbox { /* any text-containing div */
  /* margin-left: See PARAMS */
}

blockquote {
  margin: .6em 0 .6em 20px;
  padding: .1em 0;
  font: inherit;
}
blockquote p {
  margin: .3em 0;
}
blockquote .quote {
  font-style: italic;
}
blockquote .quote:before {
  content: "“";
  display: inline-block;
  width: 0;
  position: relative;
  left: -.4em;
}
blockquote .quote:after {
  content: "”";
  position: relative;
  left: -.15em;
}
blockquote .signature {
  text-align: right;
}
blockquote .cosignature {
  text-align: left;
}


.address, 
.phone {
}

.email {
}

/* ====================================================== */

img.standard,
img.cover,
img.segment-image {
  margin: .5em 0 .5em 0;
  padding: 1px;
  border: 2px solid #385E14;
  color: #385E14;
  background-color: white;  
  width: auto;
  height: auto !important;
}
img.standard,
img.segment-image {
  border-width: 1px 3px;  
}

img.OA {
  float: right;
  margin: .5em 3px 0 .5em;
}
img.cover {
  float: right;
  margin-left: 1em;
  max-width: 27%;
}
img.segment-image {
  float: right;
  margin-left: 1.5em;
  max-width: 35%;
}
img.segment-image.nofloat {
  float: none;
  max-width: 90%;
  margin-left: 0;
}
img.pushed {
  position: relative;
  top: -5px;
  max-width: 35%;
}

/* ====================================================== */

.websites-title,
.journals-title,
.books-title {
  font-weight: 300;
  font-style: italic;
}
h4.websites-title,
h4.journals-title,
h4.books-title {
  font-weight: 400;
}

.books-title q {
  padding-left: .25em;
}

ul.floatbox .books-number,
ul.floatbox .books-title,
ul.floatbox .books-authors,
ul.floatbox .books-volyear {
  padding-right: .25em; /* in menu */
}
.global .books-volyear {
  font-size: .85em;
  white-space: nowrap;
}
.books-authors {
  font-style: normal;
}

.books-pages {
  padding-left: .75em;
  font-style: italic;
}
.books-pages:after {
  content: "p."
}
header .books-authors,
header .books-volyear {
  /* margin-left: See PARAMS */
  padding-left: 20px;
  text-indent: -20px;
  font-weight: 300;
}
.books-volyear {
  font-style: normal;
}
ul.floatbox.global .books-volyear {
  padding-left: .25em;
}
.books-number {
  font-style: normal;
}
header .books-number {
  padding-right: .25em;
}
ul.floatbox .books-number {
  font-size: .85em;
}
ul.floatbox .books-number:after {
  content: ".";
  padding-right: .2em;
}


header h2:not(:last-child),
header h3:not(:last-child),
header h4:not(:last-child),
header h5:not(:last-child),
header h6:not(:last-child) {
  margin-bottom: 0;
  padding-bottom: 0;
}
header h2:not(:first-child),
header h3:not(:first-child),
header h4:not(:first-child),
header h5:not(:first-child),
header h6:not(:first-child) {
  margin-top: 0;
  padding-top: .15em;
}

.tagline {
  font-weight: 300;
  font-family: 'myriad-pro-condensed', 'OpenSans-cond', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: 1.1em;
}


/* ====================================================== */


table.pricelist {
  margin:17px;
  margin-left:33px;
  border-collapse: collapse;
}

table.pricelist td, 
table.pricelist th {
  padding: 5px 10px;
  text-align: right;
}
table.pricelist td:first-child {
  padding-left: 0;
}
table.pricelist tr:last-child td,
table.pricelist thead {
  border-bottom: 3px double #385E14;
}
table.pricelist td a {
  font-weight: 400;
  font-style: italic;
}

span.new {
  color: #a00;
  font-weight: 300;
  padding-left: .3em;
  font-family: 'myriad-pro-condensed', 'OpenSans-cond', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-style: normal;
  font-size: .85em;
  white-space: nowrap;
}


span.editor {
  white-space: nowrap;
  font-weight: 300;
}
td.institution {
  vertical-align: top;
  text-align: left;
}

/* ====================================================== */


.price-impact-comparison { border-collapse: collapse; font-size: .85em; }
.price-impact-comparison * { white-space: nowrap; font-size: inherit; }
.price-impact-comparison td, th { padding: 2px 7px 2px 7px; }
.price-impact-comparison td { text-align: right; }
.price-impact-comparison th { font-weight: normal; text-align: center; }

.price-impact-comparison tr:first-child th {  border-top: 3px double gray; }
.price-impact-comparison tr:last-child th { border-bottom: 3px double gray; }
.price-impact-comparison tr:last-child td { border-bottom: 3px double gray; }

.price-impact-comparison .pub { font-weight: bold; color: #050; }
.price-impact-comparison .jrn { text-align: left; font-style: italic; }
.price-impact-comparison .ppp { font-weight: bold; }
.price-impact-comparison .imp { font-weight: bold; color: #050; }

.price-impact-comparison th,
.price-impact-comparison td:first-child,
.price-impact-comparison td:first-child +td { background-color: #eeeef0; }


/* ====================================================== */
/* FOOT */


footer { /* copyright notice */
  clear: both;
  padding: 50px 0 60px 0;
  text-align: left;
  font-weight: 400;
  font-family: 'myriad-pro', 'OpenSans', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

footer ul {
  width: 7em;
  float: left;
  vertical-align: top;
  margin: 35px 14px 14px 0;
/*   border: 1px solid #ddd; */
  border-top: 3px double #caa;
  font-weight: 300;
  font-family: 'myriad-pro-condensed', 'OpenSans-cond', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
footer ul li:first-child {
  padding-top: 16px;
  padding-bottom: 3px;
  font-size: 1em;
  font-weight: 400;
  font-family: 'myriad-pro-condensed-n4', 'myriad-pro-condensed', 'OpenSans-cond', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
footer li {
  font-size: 1em;
  padding-left: 14px;
  text-indent: -14px;
  padding-bottom: 0;
}

footer ul a.active, 
footer ul a:link, 
footer ul a:visited {
  color: #77a;
}
footer ul a:hover {
  color: #385E14; /* dark green */
}
footer ul a:active {
  color: rgb(191,63,29); /* orange */
}


footer p {
  clear: both;
  padding-top: 15px;
  font-size: .75em;
}
footer img {
  cursor: pointer;
  position: relative;
  left: -3px;
}

/* ====================================================== */

/* HACKS */

wbr { /* invisible word break, like \allowbreak; eg, use in long URLs */
  display: inline-block;
  width: 0px;
}



/* ====================================================== */

/* ====================================================== */

/* ====================================================== */



.j {
  text-align: justify;
}

.url {
  margin-bottom: 13px;
  padding-top: 0;
  padding-bottom: 0;
}

#upjump {
  position: fixed; 
  z-index: 100;
  right: 10px; 
  bottom: 10px;
  width: 1.5em;
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #B1B1DB;
  color: white;
  text-align: center; 
  font-size: 1.25em; 
  font-family: 'Helvetica','Arial',sans-serif;
  line-height: 1.6;
  cursor: pointer;
}
#upjump:hover {
  color: #2110A3; /* main blue */
}

.clear {
  clear: both;
}

p.signed {
  text-align: right;
  font-style: italic;
  padding-bottom: 0;
  margin-bottom: 0;
}

.triangle-closed {
  display: inline-block;
  margin-left: 10px;
  width: 12px;
  background-image: url("../img/Closed.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.triangle-open {
  display: inline-block;
  margin-left: 10px;
  width: 12px;
  background-image: url("../img/Opened.png");
  background-repeat: no-repeat;
  background-position: center center;
}

/*
.triangle-closed:after {
  padding-left: 22px;
  position: relative;
  left: -12px;
  width: 12px;
  content: url("../img/Closed.png");
}
.triangle-open:after {
  padding-left: 22px;
  position: relative;
  left: -12px;
  width: 12px;
  content: url("../img/Opened.png");
}
*/
.hidden { /* expandable content*/ 
  margin-top: 1.2em;
  margin-left:10px;
  padding-left: 15px;
  border-left: 1px dashed #aba;
    /* max-width: see PARAMS */
}

.groupblurb {
  font-style: italic;
}


p.insidecollapsed { /* used in collapsed panes, alongside ul.prices */
  padding-left: 20px;
}
ul.prices {
  margin: 0;
  padding-left: 20px;
}
ul.prices li {
  margin: 0;
}
.prices .money {
  padding-left: .5em;
}
.prices .issn {
  font-weight: 300;
  font-family: 'myriad-pro-condensed', 'OpenSans-cond', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  padding-left: .5em;  
}
.mininote {
  font-size: .85em; 
  font-weight: 300;
}

.outofprint {
  font-weight: 300;
  font-family: 'myriad-pro-condensed', 'OpenSans-cond', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;  
}

/* ------------ 
TeX and LaTeX logos:
<span class="tex">T<sub>e</sub>X</span>
<span class="latex">L<sup>a</sup>T<sub>e</sub>X</span>
*/
.tex, .latex {
  display: inline-block;
  line-height: 1 !important;
}
.tex sub, .latex sub, .latex sup {
  text-transform: uppercase;
}
.tex sub, .latex sub {
  vertical-align: -0.5ex;
  margin-left: -0.1667em;
  margin-right: -0.125em;
}
.tex, .latex, .tex sub, .latex sub {
  font-size: 1em;
}
.latex sup {
  font-size: 0.85em;
  vertical-align: 0.15em;
  margin-left: -0.36em;
  margin-right: -0.15em;
}

/* ------------ */

q { /* smaller */
  font-size: smaller;
}
s { /* no breaks */
  white-space: nowrap;
}
u { /* undo italics and preserve capitalization; surrounds math */
  font-style: normal;
  text-transform: none;
}


/* ============================================================ */
/* FORMS */

form table,
.submittedform table {
  margin-top: 1em;
  border: 1px dashed #cbb;
  padding: 5px 10px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  width: 100%;
}
form *  {
  vertical-align: middle;
}
.submittedform * {
  vertical-align: top;
}

form th,
form td,
.submittedform th,
.submittedform td {
  padding: 5px 0;
}
.submittedform th,
form th {
  text-align: right;
  padding-right: 10px;
  min-width: 100px;
  font-family: 'myriad-pro-condensed', 'OpenSans-cond', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
form th {
  font-weight: 300;
  font-size: 1em;
}
.submittedform th {
  font-weight: normal;
  font-size: 1em;
}
.submittedform th.separ {
  font-style: italic;
}
form .required label,
form .challenge th {
  font-weight: 400;
  color: #222;
}


form td {
  text-align: left;
  width: 350px;
}
.submittedform td {
  width: 75px;
  text-align: right;
  font-family: 'myriad-pro-condensed', 'OpenSans-cond', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-weight: 300;
}
.submittedform td.info {
  width: 325px;
  text-align: left;
  font-family: 'myriad-pro-condensed', 'OpenSans-cond', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-weight: 300;
}
.submittedform tr:first-child td {
  border-bottom: 3px double #071;
}
.submittedform tr:first-child td.info {
  border-bottom: none;
}

input.submit {
  background-color: #ddd;
  font-weight: 300;
  width: 344px;
}
input.submit:hover {
  background-color: #edd;
  border-color: #000;
}

input.checkbox {
  width: 20px;
}
input, 
textarea,
select {
  padding: 5px 10px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  border: 1px solid #aaa;
  width: 324px; 
}
textarea.short {
  height: 100px;
}
textarea.mid {
  height: 250px;
}
textarea.tall {
  height: 500px;
}
select {
  width: 344px;
}

form th.hacked {
  text-align: left;
  min-width: intrinsic;
  padding-left: 5px;
}
form td.hacked {
  text-align: right;
  width: auto;
  vertical-align: top;
}
form td.hacked input {
  width: 20px;
}

form .message, 
form .error,
form .errorlist li {
  font-weight: 400;
  font-family: 'myriad-pro-condensed', 'OpenSans-cond', Optima, 'Optima nova', 'URW Classico', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: .9em;
  color: #a00;
}
form .message,
form .error {
  padding-bottom: 5px;
}
form .errorlist {
  padding-top: 5px;
}

form .challenge th,
form .challenge td {
  padding-top: 20px;
  padding-bottom: 10px;
}

/* ============================================================ */
/* Vertical response */

@media all and (max-height: 600px) {
  #body-double {
    padding-top: 5px;
  }
  h2 { /* eg, page title */
    padding-top: 1.21em;
    margin-bottom: .4em;
  }
  h3 { /* eg, journal group */
    margin-top: .45em; 
  }
  h4 { /* eg, journal name */
    margin-top: .31em; 
  }
  h5 { 
    margin-top: .19em; 
  }
  h6 {
    margin-top: .09em;
  }
  ul.floatbox ul {
    margin-bottom: 1.25em;
  }
  ul.floatbox ul li {
    margin: .35em 0 .35em 0;
  }
  ul.floatbox ul ul li {
    margin: .25em 0 .25em 0;
  }
  .pushdown, .vspaced {
    margin-top: 1.5em;
  }
  .vspaced {
    margin-bottom: 1.5em;
  }
}


/* ============================================================ */
/* Horizontal response */


@media all and (min-width: 1100px) {
  body { font-size: 19px; }
  #content { 
    padding: 0 50px 0 60px; 
    top: -10px; 
  }
  #page { margin: 0 60px 0 60px; }

  /* params */
  h1, h2, h3, h4, h5, h6 {
    padding-left: 30px;
    text-indent: -30px;
  }
  header .books-authors,
  header .books-volyear {
    margin-left: 30px;
  }
  .textbox { 
    margin-left: 30px; 
  }
}

@media all and (max-width: 1100px) {
  body { font-size: 18px; }
  #content { 
    padding: 0 42px 0 50px; 
    top: -15px; 
  }
  #page { margin: 0 50px 0 50px; }

  /* params */
  h1, h2, h3, h4, h5, h6 {
    padding-left: 25px;
    text-indent: -25px;
  }
  header .books-authors,
  header .books-volyear {
    margin-left: 25px;
  }
  .textbox { 
    margin-left: 25px; 
  }
}

/* smaller Euclid strip */
@media all and (max-width: 950px) {
  #head { background-image: url("../img/masthead-mathcorner-m.png"); height: 100px; }
  #h1-wrapper { margin-left: 100px; }
  #top-menu { margin-left: 100px; }
  #content-wrapper { 
    background-image: url("../img/sidebar-euclid-m.jpg"); 
    top: -25px; 
  }
  #content { 
    margin-left: 100px; 
    top: 25px;
  }
  #top-menu {
    left: -10px;
    margin-right: -20px;
  }
}

@media all and (max-width: 900px) {
  body { font-size: 17px; }
  #content { 
    padding: 0 35px 0 40px; 
  }
  #page { margin: 0 40px 0 40px; }
  #upjump { right: 5px; }

  /* params */
  h1, h2, h3, h4, h5, h6 {
    padding-left: 20px;
    text-indent: -20px;
  }
  header .books-authors,
  header .books-volyear {
    margin-left: 20px;
  }
  .textbox { 
    margin-left: 20px; 
  }
}

@media all and (max-width: 800px) {
  body { font-size: 16px; }
  #content { 
    padding: 0 30px 0 30px; 
    /*top: -25px;*/
  }
  #page { margin: 0 30px 0 30px; }
  #upjump { right: 10px; }
  
  /* params */
  h1, h2, h3, h4, h5, h6 {
    padding-left: 15px;
    text-indent: -15px;
  }
  header .books-authors,
  header .books-volyear {
    margin-left: 15px;
  }
  .textbox { 
    margin-left: 15px; 
  }
}

/* kill Euclid strip */
@media all and (max-width: 750px) {
  #head { background-image: none; }
  #h1-wrapper { margin-left: 0; }
  #top-menu { margin-left: 0; }
  #content-wrapper { background-image: none; }
  #content { margin-left: 0; }
  #top-menu {
    left: -10px;
    margin-right: -20px;
  }
}
  
/* kill global menu */
@media all and (max-width: 700px) {
  .floatbox.global { display: none; }
}

@media all and (max-width: 600px) {
  #page { margin: 0 20px 0 20px; }


  /* params */
  h1, h2, h3, h4, h5, h6 { 
    padding-left: 0;
    text-indent: 0;
  }
  header .books-authors,
  header .books-volyear {
    margin-left: 0;
  }
  .textbox { 
    margin-left: 0; 
  }
}

/* unfloat publication ToC */
@media all and (max-width: 600px) {
  .floatbox { 
    float: none; 
    margin: 0 0 50px 0; 
    padding: 0;
    background-color: transparent; 
    font-size: 1em;
    width: auto;
  }
  #content { padding: 0 20px 0 20px; }
}

@media all and (max-width: 550px) {
  body { font-size: 14px; }
}


/* PRINT */
@media print {
  * { color: black !important; border-color: black !important; 
        background-image: none !important; background-color: white !important; }
  body { font-size: 10px }
  #top-menu { border-bottom: 3px double black; }
  #h1-wrapper { margin-left: 0; }
  h1 span { display: inline !important; }
  #top-menu table { display: none; }
  #content { margin-left: 0; }
  #page { margin: 0 20px 0 20px; }
  #upjump { display: none; }
  #picatcha { display: none; }
  img { border: none !important; }
  img { display: none; }
  footer nav { display: none; }
  footer:after { content: "http://msp.org/"; font-size: 12px; font-family: monospace; font-weight: 300; }
  .floatbox { display: none; }
  .triangle-closed, .triangle-open { display: none !important; }
  .hidden { display: block !important; }
}