@charset "UTF-8";

/*******************************************************************************
*  skidoo_redux_theme.css : 2007.03.05 : ruthsarian@gmail.com
* -----------------------------------------------------------------------------
*  
*  This stylesheet provides the theme of the layout. The theme includes
*  anything that controls the presentation of the page, but typically it's just
*  for setting colors, fonts, borders, and gutter space. 
*
*  It is possible to offer multiple themes for a single page and allow the
*  user to pick the one that best fits their needs. 
*  
* ------------------------------------------------------------------------------
*  This stylesheet is released into the public domain.
*******************************************************************************/
body {
  background-color: LightGray; /* #ebebeb */
}
#page-container {
  font-size: 90%;			/* font attributes set here so that
					   the font sizer javascript bit can
					   operate on the body element and not
					   fubar things */
  /* font-family: verdana, arial, helvetica, sans-serif; font-size: 80%; */
  font-family: 'Open Sans', arial, sans-serif;
}
#page-container, #inner-column-container, #masthead, #footer {
  border-color: #99a;			/* all the borders within the layout */
}
#outer-column-container {
  border-left-color: #003366;		/* left column background */
  border-right-color: #e6e6e6;		/* right column background */
}
#masthead {
  background-color: #005295;		/* masthead background color */
}
#footer {
  background-color: #005295;		/* footer background color */
}
#inner-column-container {
  background-color: #fff;		/* middle column background */
}
#left-column h3, #right-column h3 {
  margin-bottom: 0;			/* column menu titles should
					   hug the menus */
}
#right-column p, #right-column ul {
  margin-top: 0;
}

/*******************************************************************************
 * RMENU RELATED STYLES
 *
 * These are styles specifically for the menus used in the layout. This has its
 * own section because there are quite a lot of rules that need to be set
 * in order to control just the theme of the menu.
 *
 */

ul.rMenu {
  font-size: 90%;
}
ul.rMenu li a {
  padding: 0.4em 0.7em 0.4em;	/* 2px top, 3px bottom was the default */
}
#left-column h3 {
  padding: 0.4em;
  padding-left: 0.8em;
  margin-bottom: 0;
  margin-top: 1em;
  border-width: 0 1px;
  background-image: url(../Images/bg_grad_black.gif);
  background-repeat: repeat-y;
  background-position: right 0%;
  position: relative;  /* freaky solution to this freaky problem in IE 6 */
  background-color: #000000;
  color: #eeeeee;
  font-size: 85%;
}
#left-column ul.rMenu li {
  background-color: #005295;		/* background of menu items */
}
#left-column ul.rMenu a {
  color: #eee;
}
  ul.rMenu li:hover, ul.rMenu li.sfhover {
  background-color: #ddf;		/* background color of parent menu item
					   when mouse is over a submenu */
}
#left-column ul.rMenu li a {
  border-color: #003366;		/* border color of menu items */
}
#left-column ul.rMenu li a:hover {
  color: #000;				/* color of menu item when mouse is
					   over it */
  background-color: #ddd;
}
ul.rMenu li.sfhover a:active, ul.rMenu li:hover a:active {
  color: #fff;				/* color of menu item when clicked */
  background-color: #c00;		/* background color of menu item
					   when clicked */
}
div.rMenu-center ul.rMenu li {
  background-color: #eeefef;		/* horizontal menu background color */
}
div.rMenu-center ul.rMenu li:hover, div.rMenu-center ul.rMenu li.sfhover {
  background-color: #eeefef;		/* background color of parent menu item
					   when mouse is over a submenu of the
					   horizontal menu */
}
ul.rMenu a:visited {
  color: #eee;
}
#left-column .inside {
  padding: 0.1em 0.3em;
  margin-bottom: 3em;
}

/* LivRev middle-column */

#middle-column div.rMenu-center {
  border-bottom: 1px solid #ccc;	/* border along the bottom of the 
					   horizontal menu at the top of
					   the middle column */
}
ul.rMenu-hor li a {
  border-color: #ccc;			/* border color of menu items */
}
ul.rMenu-hor a {
  color: #005295;
}
ul.rMenu-hor a:visited {
  color: #005295;
}
#middle-column ul.rMenu li a {
  text-decoration: none;
}
#middle-column ul.rMenu li a:hover {
  background-color: #ddd;
  color: #000;
}

#right-column h3 {
  padding: 0.4em;
  padding-left: 0.8em;
  margin-bottom: 0;
  margin-top: 1em;
  border-width: 0 1px;
  background-color: #bbb;
  color: #fff;
  font-size: 85%;
}
#right-column ul.rMenu li {
  background-color: #eeefef;		/* background of menu items */
}
#right-column ul.rMenu a {
  color: #005295;
}
#right-column ul.rMenu li a {
  border-color: #ccc;			/* border color of menu items */
}
#right-column ul.rMenu li a:hover {
  color: #000;				/* color of menu item when mouse is
					   over it */
  background-color: #fff;		/* background color of menu item when
					   mouse is over it */
}

/******************************************************************************/

/* LivRev specific */

a:link { color: #039; }
a:visited { color: #039; }
a:hover { color: #333; }
a:active { color: #000; }
a, a:link, a:visited { 
    text-decoration: none;
    word-wrap: break-word;
}

.ext-link {
  background: url(../Images/extlink.gif) no-repeat 0 58%;
  padding-left: 18px;
}
* html .ext-link { background-position: 0 0.35em; }

div.topLink {
  clear: both;
  text-align: center;
  width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
}
a.topLink {
  background: url(../Images/upicon.gif) no-repeat 0 58%;
  padding-left: 33px;
  text-decoration: none;
}
* html .topLink { background-position: 0 0.6em; }

.back-to-top {
  position: fixed;
  bottom: 2em;
  right: 2em;
  text-decoration: none;
  color: transparent !important;
  display: none;
  z-index: 10;
  background-image: url('../Images/top-big.png');
  background-repeat: no-repeat;
  background-size: 100%;
  width: 3.5em;
  line-height: 3.5em;
}

.info-link {
/* background: url(../Images/info_icon.gif) no-repeat 100% 60%;
  padding-right: 13px;
  cursor: help;
*/
}
/* 
* html .info-link { background-position: 0 0.2em; }
*/

h3 {
  font-size: 120%;
  padding-bottom: 0.2em;
}
div#middle-column {
  padding-top: 0.3em;
  padding-bottom: 1em;
}
#middle-column .inside {
  padding: 0 1em;
}
#middle-column h2 {
  font-size: 130%;
  text-align: left;
}
#middle-column h3 {
  text-align: left;
}
#middle-column p {
  line-height: 1.5;
}
/* #middle-column a {
  color: #005295;
} */
#middle-column a:hover {
  text-decoration: underline;
  color: #005295;
}
#middle-column img {
  border: none;
}
#LogoLrr {
  background-color: white;
  padding: 1em;
  margin-bottom: -1em;
}
#LogoLrr img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
}
img.cc {
  border: 0;
}

#masthead img {
  border: none;
/*  margin-top: 1.5em; */
}

/* new cse 2014 */

#masthead {
    height: 9em; /* 7em */
    padding: 1% 0.5%; /* 2% */
    background-color: #FFFFFF;
}
#masthead .left{
    display: inline-block;
    text-align: left;
    width: 34.5%; /* 33%; */
    margin: 0;
    vertical-align: top;
}
#masthead .center {
    width: 34%;
    margin: 0;
    display: inline-block;
    padding-top: 0.5em;
}
#masthead .right {
    display: inline-block;
    width: 30%; /* 32%; */
    margin: 0;
    vertical-align: top;
}

.linked-logo img {
    max-width: 100%;
    height: auto;
}

/* 
journal start page 
*/
#jrnStart #masthead {
  height: 9em; /* 7em */
  background-color: #005295;
  background-image: url(../Images/grad.gif);
  background-repeat: repeat-y;
  background-position: right 0%;
  color: #fff;
  text-align: center;
  border: 0;
}
#jrnStart #masthead .left {
  float: left;
  width: 19%;
  padding-top: 2.6em;
  /* padding-top: 0.2em; (Minerva) */
  display: block;
  text-align: center;
}
#jrnStart #masthead .center {
  width: 62%;
  padding-top: 0.5em;
  float: left;
  text-align: center;
  display: block;
}
#jrnStart #masthead .right {
  float: right;
  width: 19%;
  padding-top: 1.5em;
  display: block;
  text-align: center;
}
ul#editorialboard {
  list-style: none;
  padding-left: 1em;
  padding-right: 1em;
  margin-left: 0;
  margin-top: 0.4em;
  font-size: 85%;
}
ul#editorialboard li {
  display: inline;
}

#jrnStart #masthead h1 {
  font-size: 140%;
  margin-top: 0;
}
#jrnStart #masthead h2 {
  font-size: 85%;
  margin: 0;
  padding-left: 4em;padding-right: 4em; /* Springer byline */
}
#jrnStart #masthead a {
  color: #ffffff;
  text-decoration: none;
}

#pageTitle {
  border: 0;
  text-align: center;
  background-image: url(../Images/grad.gif);
  background-repeat: repeat-y;
  background-position: right 0%;
  background-color: #005295;
  height: 2.6em;
}
#pageTitle h1 {
  font-size: 120%;
  margin: 0;
  padding-top: 0.3em;
  color: #eee;
}
#jrnStart #jrnUrl {
  padding-top: 0.4em;
  border: 0;
  text-align: center;
  background-color: #bbb;
  height: 1.8em;
  font-size: 90%;
}
#jrnUrl a {
  color: #fff;
}

#jrn-logo img {
  display:block;
  margin: 3em auto;
}

#jrn-description {
  color: #585858;
  text-align: justify;
  margin-bottom: 1em;
}

.box {
  border: 1px solid #005295;
  padding: 1em;
}
#info-box {
  margin-top: 3em;
}
#info-box p {
  font-weight: bold;
  text-align: center;
  margin-top: 0.2em;
}
#info-box div, #info-box h3 {
  font-size: 99%;
  font-weight: normal;
  margin-left: 2em;
  margin-right: 2em;
  margin-top: 0.5em;
  margin-bottom: 0.1em;
  text-align: center;
}
div#anniv {
  margin-top: .5em;
  margin-bottom: 2em;
  line-height: 1.5;
  width: 100%;
  font-weight: bold;
  text-align: center;
}

/* site search form */
#sitesearch {
  margin: 0.5em 0 4em 0;
}

div#upcomingSoon {
  margin: 2em 0;
  border: 1px solid #005295;
/*  -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.5);
  box-shadow: 0 5px 5px rgba(0,0,0,.5);
  box-shadow: 0 5px 5px rgba(0,0,0,.5); */
}
#upcomingSoon h3 {
  margin: 0;
}
#upcomingSoon a {
  border: 0;
  border-top: solid 1px;
}

#feedControl { font-size: 85%; margin-top: 3em; }
.gfc-title { font-weight: bold; line-height: 1.9; }
.gf-author { float: left; width: 100%; } /* force new line */
.gf-result { margin-top: 0.5em; margin-bottom: 1em; }

#impact {
  color:#555;
  text-align:center;
  line-height:1.4;
  margin: 3em 1.8em;
  padding: 0.3em;
  border:1px solid #bbb
}
#impact div {
  font-size: 80%;
  color: gray;
}

/* links to news channels */
#subscribe {
  /* position: relative; */
  /* bottom: 3em; */
  /* right: -18em; */
  /* float: right; */
  /* width: 17em; */
  /* height: 0; */
  /* vertical-align: middle; */
  /* text-align: center; */
  font-size: 80%;
  margin-top: 2em;
  margin-left:auto;
  margin-right:auto;
  width: 16em;
}
#subscribe ul {
  list-style-type: none;
  display: inline;
  margin: 0;
  padding: 0;
}
#subscribe li {
  display: inline;
  padding: 0;
  margin: 0.6em;
}
#subscribe img {
  width: 2.5em;
  border: none;
  vertical-align: middle;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
}
#subscribe img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
#right-column .inside { 
  padding: 0.1em 0.3em;
}

#einsteinonline {
  margin: 2em;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  text-align: center;
}
#einsteinonline img { border: none; }

/* footer */
#footer {
  background-image: url(../Images/grad.gif);
  background-repeat: repeat-y;
  background-position: left 0%;
  color: #fff;
  text-align: center;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 85%;
  border-top: 0;
}
#footer a {
  color: #eee;
}
#footer a:hover {
  text-decoration: underline;
}
#footer .left {
  float: left;
  width: 18%;
  text-align: center;
}
#footer .center {
  float: left;
  width: 64%;
}
#footer .right {
  float: right;
  width: 18%;
}
#footer .right ul {
  padding: 0;
  margin: 0;
  text-align: center;
}
#footer .right li {
  display: inline;
  border-right: 1px solid;
  list-style: none;
  padding: 0 0.5em;
  white-space: nowrap;
}
#footer .right li.last {
  border-right: none;
}

.toc {
  border-bottom: 1px solid #bbb;
  margin-bottom: 2em;
}
.toc ol {
  list-style-type: upper-roman;
}

/* article index (jrn toc) */
.toggle-note { text-align:center; margin: 1em; }
.toggle-all { color:#005295; cursor:pointer; }
.toggle-all:hover { text-decoration: underline; }
h4 {
  text-align: center;
  margin-top: 2em;
  padding: 0.2em;
  background-color: #005295;
  color: #eee;
  cursor: pointer; /*trigger for toggle effect */
}
h4.latestRevisions {
  text-align: center;
  margin-top: 2em;
  padding: 0.2em;
  background-color: #bbb;
  color: #fff;
  height: 1%;  /* for IE6 background bug */
}
.subjectEditor { font-weight:normal; }
.publications {
  list-style: none;
  font-size: 95%;
}
ul.publications {
  margin-left: 0;
  padding-left: 0;
}
.publications .pubNo {
  margin-bottom: 0.4em;
}
.publications a {
  text-decoration: none;
}
.publications a:hover {
  text-decoration: underline;
}
.publications abbr {
  border-bottom-width: 0;
}
ul.articleLinks {
  margin-left: 0;
  padding-left: 0;
  color: #666;
}

 /* new 2012: */
#middle-column .pubNo .update, 
#middle-column .pubNo a.update {
  color: #cc0000;
}
.publications .trigger {
  margin: 0.5em 0;
  width: 8em;
  background: url(../Images/trigger.png) no-repeat 0% 0%; padding-left: 20px;
  /*without Open Sans: background: url(../Images/trigger.png) no-repeat 0% 7%; padding-left: 20px;*/
}
.publications .trigger a { color: #666; }
.publications div.active { background-position: 0% 102%; }/*left bottom; */
/*without Open Sans: .publications div.active { background-position: 0% 95%; }*/

.publications ul.articleLinks li {
  display: inline;
  margin-right: -0.3em;
}
.publications .articleLinks {
  font-size: 95%;
}
.publications .articleLinks li.html {
  border-left: 1px solid #666;
  padding-left: 1em;
}
li.article {
  border: 1px solid white;
}
li.article:hover {
  border: 1px solid #005295;
}
.publications .articleLinks a {
  color: #666;
  margin-right: 1em;
}
#author .publications .authors {
  font-weight: bold;
}
#author .publications .title {
  font-weight: normal;
}
.publications .title {
  font-weight: bold;
  margin-top: 0.3em;
  margin-bottom: 0.6em;
  color: #005295;
  cursor: pointer;
}
.publications .title:hover {
  text-decoration: underline;
}
.publications .abstract {
  margin: 0.6em 0;
  line-height: 1.5;
}
.publications .status, .publications .date {
  font-size: 95%;
  color: #000;
}
.publications .odd {
  background: #f3f3f3;
  padding: 0.5em;
}
.publications .even {
  background: #ffffff;
  padding: 0.5em;
}
.note {
  text-align: center;
}
.externalLink {
  border: 0;
  text-align: left;
}
.pubNo {
  font-size: 95%;
}
.pubNew {
  color: orange;
}
.pubDate {
}

#middle-column .download .update, 
#middle-column .download a.update {
  color: #cc0000;
}

#volumes {
  text-align: center;
  background-color: #ededed;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  margin-bottom: 1em;
}
#volumes ul {
  display: block;
  padding: 0;
  margin: 0.1em;
}
#volumes li {
  display: inline;
  line-height: 1.3em;
}
#volumes a.last {
  border-right: none;
}
#volumes a {
  text-decoration: none;
  border-top: 0 solid #cccccc;
  border-right: 1px solid #cccccc;
  border-left: 0;
  color: #416482;
  background-color: #ededed;
  padding: 0.1em;
  padding-left: 0.8em;
  padding-right: 0.8em;
  font-size: 0.85em;
}
#volumes a:hover {
  background-color: #ffffff;
  color: black;
}

/*
journal details page
*/
#details #middle-column dt {
  font-weight: bold;
}
#details #middle-column dd {
  margin-top: 0.5em;
  margin-bottom: 2em;
}
.rdf-icon, .oai-icon, .rss-icon { vertical-align: text-bottom; }

/*
contacts page
*/
#contacts #middle-column dt {
  font-weight: bold;
}
#contacts #middle-column dd {
  margin-bottom: 2em;
}

/*
editorial board & team page
*/
#editors h2 { 
  clear: both;
}

#editors dt {
  font-weight: bold;
  border-top: 1px solid #ddd;
  background-color: #eee;
  height: 1%;  /* for IE6 background bug */
  clear: both;
}
#editors dd {
  margin-left: 0;
  margin-bottom: 2em;
  float: left;
  width: 75%;
}

#editors dd.photo {
  float: right;
  width: 25%;
}

#editors dd.photo img {
  margin: 1em;
  border: 1px solid black;
}

/*
authors page
*/
#first-chars {
  margin: 1em;
  text-align: center;
  line-height: 1.5;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5em;
}
#first-chars ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
}
#first-chars ul li {
  display: inline;
  margin: 0;
}
#first-chars a {
  padding:  0em 0.3em;
  border: 1px solid white;
}
#first-chars a:hover {
  border: 1px solid #005295;
  text-decoration: none;
}

#authors div.author {
  clear: both;
  margin: 1em 0;
  padding-top: 1em;
  padding-bottom: 3.5em;
  border-bottom: 1px solid #999999;
}
#authors div.author h2 {
  margin-right: 25%;
  margin-top: 1em;
  margin-bottom: 0.2em;
  font-size: 110%;
  text-align: left;
}
#authors div.author ul {
  margin-top: 0.1em;
  margin-bottom: 0.2em;
}
#authors div.author li {
  list-style-position: inside;
}
#authors div.author dl {
  margin-right: 25%;
  margin-top: 0.5em;
  margin-bottom: 0.2em;
}
#authors div.author dt {
  margin-top: 0.5em;
  margin-bottom: 0.1em;
  font-weight: bold;
}
#authors div.author dd {
  margin-left: 0;
  height: 100%;
}
#authors div.author img.float {
  float: right;
  margin-top: 1.5em;
  border: 1px solid black;
}

/*
download pages
*/
#downloadIndex { text-align: center; padding-bottom: 1em; }
#downloadIndex h2 { text-align: center; }
#downloadIndex table { margin: auto; font-size: 85%; margin-bottom: 1em; width: 60%; }
#downloadIndex th, #downloadIndex td { padding: 0.2em 0.4em; }
#downloadIndex th { background: #e6e6e6; }
#downloadIndex th.label { width: 80%; text-align: left; }
#downloadIndex th.size { width: 20%; text-align: right; }
#downloadIndex td { background: #eeeeee; }
#downloadIndex td.label { text-align: left; }
#downloadIndex td.size { text-align: right; }
#downloadIndex div.author { font-weight: bold; margin-top: 0.5em; }
#downloadIndex div.pubUri { margin: 1em; }
#downloadIndex div.update, #downloadIndex div.update a { margin: 1em; color: #cc0000; }
#downloadIndex div.downloadUri { float: left; }
#downloadIndex div.help { display: inline; }
#downloadIndex div.help h3, #downloadIndex div.help p { margin-top: 2em; }
#downloadIndex div.help span.icon { color: #b00; cursor: pointer; float:right; }
#downloadIndex div.help span.text { font-size: 95%; }

/*
history pages
*/
#history table {
  margin: auto;
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: left;
  width: 90%;
  font-size: 85%;
}
#history th {
  font-weight: bold;
  text-align: left;
}
#history th a {
  color: white;
}
#history th, #history td {
  padding: 3px;
}
#history th.topic {
  background: #003366;
  color: #ffffff;
}
#history th.ftr {
  background: #cccccc;
  color: black;
}
#history td.key {
  font-weight: bold;
  background: #e6e6e6;
  color: black;
  vertical-align: top;
}
#history td.value {
  background: #eeeeee;
  color: black;
}

/* lectures */
#lectures h2 {
  margin-top: 3em;
  border-top: 1px solid #005295;
  background-color: #ebebeb;
  padding: 0.2em;
}
#lectures li.hide span {
  display: none;
}
#lectures li.show span {
  display: block;
}
#lectures .abstract {
  font-size: 95%;
  padding: 1em;
}
#lectures ul#photos { 
  list-style-type: none;
  font-size: 85%;
  margin: 3em;
  padding: 0;
}
#lectures #photos li { 
  margin-bottom: 3em;
  margin-left: 0;
}
#lectures #photos img { 
  border: solid 1px #005295;
}

/* sitemap */
#sitemap #middle-column .inside ul.sitemap {
  margin-left: 5em;
}
#sitemap #middle-column li.category {
  font-weight: bold; margin-top: 1em;
}
#sitemap #middle-column li.page {
  font-weight: normal;
}

/* mirros */
table.mirrors {
  font-size: 85%;
  margin-left: 1.5em;
}

/* howToCite page */
#howToCite blockquote {
  border: 1px solid #005295;
  padding: 1em;
}
span.date { color: orange; }

a.close { color: red; }

a.bib-format {
  margin-right: 0.5em;
}
#socialBookmarks ul {
  margin: 0;
  padding: 0;
}
#socialBookmarks ul li {
  display: inline;
  list-style: none;
  margin: 0.2em 1em 0.2em 0;
}
#socialBookmarks a img {
  border: 0;
  vertical-align: bottom;
}

/* howToCiteExample page */
#howToCiteExample blockquote {
  border: 1px solid #005295;
  padding: 1em;
}

/* search overview */
#search #middle-column li {
  margin-top: 2em;
}

#search .gsc-adBlock iframe {
  display: none;
}

/* top lists */
#topLists .status {
  text-align: center;
  font-style: italic;
}
#topLists #middle-column ol {
  margin-bottom: 2em;
}
#topLists #middle-column li {
  margin-bottom: 0.5em;
}

/* help pages */
#helpIndex #middle-column dt {
  font-weight: bold;
}
#helpIndex #middle-column dd {
  margin-bottom: 1em;
}
#helpArticle img.screenshot {
  border: 1px solid gray;
  display: block;
  margin: auto;
}
#helpArticle div#buttons {
  text-align: center;
  margin-bottom: 2em;
}
#helpArticle #buttons ul {
  border: 1px solid #005295;
  background: #eeefef;
  padding: 0.5em;
  display: block;
  list-style-type: none;
}
#helpArticle #buttons li {
  display: inline;
  padding-right: 0.5em;
}
#helpArticle span.refLink {
  color: #0000cc;
  text-decoration: underline;
}
#helpArticle span.bioLink {
  color: #336699;
  font-weight: bold;
}
#helpArticle span.updLink {
  color: #ff00ff;
}
.scale img { width: 99% } /*not 100% for IE border bug */

/* About/survey.html */
#survey {
  text-align: left;
}
#survey .userQ {
  margin-left: 15%;
  margin-right: 15%;
}
#survey form ul {
  margin: 0;
  padding: 5px;
  list-style-type: none;
}
#survey form li {
  margin: 0;
  padding: 0 0 0.5em 0;
  position: relative;
  clear: both;
}
#survey p.multipleselect {
  font-style: italic;
  color: #005295;
}
* html form li, * html .buttons { height: 1%; } /* seems a work around for ie problem */

#survey label.description {
  margin-top: 3em;
  margin-bottom: 1em;
  padding: 0.2em;
  font-weight: bold;
  border-top: 1px solid #005295;
  background-color: #ebebeb;
  display: block;
}
#survey label.choice {
  line-height: 1.6em;
  margin: -1.4em 0 0 25px;
  padding: 0;
  width: 90%;
  display: block;
}
#survey input.checkbox, #survey input.radio {
  line-height: 16em;
  margin: 0.8em 0 0 4px;
  width: 13px;
  height: 13px;
  display: block;
}
#survey textarea.textarea {
  font-family: verdana, arial, helvetica, sans-serif;
  margin-bottom: 1em;
  width: 100%;
  font-size: 100%;
  border-top: 1px solid #7c7c7c;
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  border-bottom: 1px solid #ddd;
}
#survey textarea.medium {
  height: 4em;
}
#survey textarea.large {
  height: 10em;
}
#survey label.description {
  cursor: default;
}
#survey label.choice {
  cursor: pointer;
}

/* check whether needed */
.safari select.select {
  margin-bottom: 1px;
  font-size: 120% !important ;
}

/* search output */
div.pagination {
  text-align: center;
}
div.pagination p {
  font-weight: bold;
  margin-bottom: 0.2em;
}
div.pagination a {
  text-decoration: underline;
}
div.pagination img {
  border: none;
}
div.pagination ul {
  display: inline;
}
div.pagination ul li {
  display: inline;
  padding-left: 0.5em;
  padding-right: 0.5em;
  list-style: none;
}

/* forms */
p.note { font-weight: bold; }
div.backlink { text-align: center; }

#fts form { display: inline; }
#fts ol li { text-align: left; }

#statement { text-align: center; }
#statement pre { 
  text-align: left;
  font-size: 1.2em;
  border-top: 1px solid black; 
  border-bottom: 1px solid black;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
}

/* styles for the blog */
.bSideItem input.SearchField {
  width: 90%;
}
.bPost img.flag {
  display: none;
}
div.rss {
  font-size: 80%;
  text-align: right;
  background-color: white;
  padding: 0.5em;
  padding-top: 0;
}
div.rss > img {
  padding-right: 0.2em;
  vertical-align: middle;
  width: 12px;
  height: 12px;
}

/*
'naked' pages (opened within frame or popup)
*/
#downloadIndex #outer-column-container, 
#helpDownloads #outer-column-container, 
#history #outer-column-container, 
#howToCite #outer-column-container, 
#upcomingAbstract #outer-column-container, 
#searchExport #outer-column-container {
  border-left: 0;
  border-right: 0;
}
#downloadIndex #page-container, 
#helpDownloads #page-container, 
#history #page-container, 
#howToCite #page-container, 
#upcomingAbstract #page-container {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  min-width: 40em;
}
#popup #outer-column-container {
  border-left: 0;
  border-right: 0;
}
#popup #page-container {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  min-width: 0;
}


/* *******************
article abstract page
******************* */

#abstract #publication { font-size: 85%; height: 1.5em; margin-top: 0.5em; }
#abstract #publication .left {float: left; width: 50%; }
#abstract #publication .right {float: right; width: 45%; text-align:right; }
#abstract #publication abbr { font-variant: small-caps; }

#abstract .title { color: black; clear: both; font-size: 130%; }

#abstract .author { font-size: 110%; margin-top: 1em; }

#abstract .affiliation { margin-top: 1em; font-size: 85%; }
#abstract .affiliation .toggle_container { 
  padding: 0.5em; border: 1px solid #dddddd;
}

#abstract .fulltext { margin-top: 1em; margin-bottom: 1.5em; }
#abstract .fulltext a { margin: 0 0.3em 0 0.3em; }
#abstract .fulltext .linkHTML { background: url(../Images/html-icon.gif) no-repeat 0px 40%; padding-left: 20px; }
#abstract .fulltext .linkPDF { background: url(../Images/pdf-icon.gif) no-repeat 0px 40%; padding-left: 20px; }

#abstract .updated { margin-top: 1em; margin-bottom: 1em; color: #cc0000; }
#abstract .updated a { color: #cc0000; }

#abstract div.trigger {
	background: url(../Images/trigger.png) no-repeat 0% 3%; /* had to add  0% 10% */
	padding-left: 20px;
	width: 8em;
}
#abstract div.trigger a {
	text-decoration: none;
	display: block;
}
#abstract div.trigger a:hover {
	text-decoration: underline;
}
#abstract div.active { background-position: 0% 100%; }/*left bottom; */

#abstract #tabs h3 { font-size: 95%; color: gray; border-bottom: 1px solid gray; }

#abstract p.keywords > span { font-weight: bold; }

#abstract #tabs { margin-bottom: 2em; }

#abstract .listStyle { display: list-item; list-style-position: outside; margin-left:2em; }

#abstract #socialBookmarks ul {
	margin-top: 1em; padding-bottom: 0.5em;
}

div.downloads table { width: 100%; }
div.downloads th { background: #eeeeee; }
div.downloads th.label { width: 80%; text-align: left; }
div.downloads th.size { width: 20%; text-align: right; }
div.downloads th, div.downloads td { padding: 0.2em 0.5em; }
div.downloads td { background: #f9f9f9; vertical-align: top; }
div.downloads td.label { text-align: left; }
div.downloads td.size { text-align: right; }

div.history table { width: 100%; font-size: 95%; }
div.history th { text-align: left;  background: #eeeeee;}
div.history th, div.history td { padding: 0.2em 0.5em; }
div.history th.ftr { color: black; }
div.history td.key { background-color: #eeeeee; vertical-align: top; }
div.history td.value { background-color: #f9f9f9; }


/*override inline style from Google custom search*/
form.gsc-search-box-tools table.gsc-search-box td.gsc-input {
    padding-right: 3px;
}
.gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    width: 16px;
    height: 15px;
    padding: 5px 5px;
    min-width: 13px;
    margin-top: 0;
}
.gsc-control-cse {
    border-color: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
}
input.gsc-input {font-size: inherit !important;}

#___gcse_0 {
    width: 13em; /* 12em */
    float:right;
}
input.gsc-input, .gsc-completion-container {
    font-size: 90% !important;
}
.gsc-modal-background-image {
    background-color: gray !important;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px) {
  #page-container {
      min-width: 0;
  }
  #outer-column-container {
      border-left: 0;
      border-right: 0;
  }
  #left-column {
      float: right;
      margin-left: 0;
      width: 100%;
  }
  #right-column {
      float: left;
      margin-right: 0;
      width: 100%;
  }
  #footer .left {
      float: left;
      width: 100%;
      text-align: center;
  }
  #footer .center {
      float: left;
      width: 100%;
  }
  #footer .right {
      float: right;
      width: 100%;
  }
  #masthead h2,
  #masthead .left,
  #masthead .right {
      visibility: hidden;
  }
  #masthead .center {
      display:block;
      width: 100%;
      text-align: center;
  }
  #editorialboard {
      display: none;
  }
  #editors dd, 
  #editors dd.photo {
      float: none;
      width: 100%;
}
  .ui-tabs .ui-tabs-nav li,
  .ui-tabs .ui-tabs-nav li a {
      float: none;
}
  #abstract #publication .left,
  #abstract #publication .right {
      float: none;
      width: 100%;
      text-align: left;
  }
  #abstract .title {
      margin-top: 2em;
  }
}