/* Created: 29/09/07 15.23 by claudio */
#search-results {
  position: absolute;
  margin-left: 0;
  margin-top: -25px;
  width: 266px;
  display: none; }

* html #search-results {
  margin-left: -86px; }

#searchbubble-top,
#searchbubble-top-r,
#searchbubble-top-l,
.toolspane-top {
  height: 24px;
  width: 266px;
  background: transparent url("/assets/images/searchbubble-top-r.png") no-repeat top center; }

#searchbubble-top-l {
  background-image: url("/assets/images/searchbubble-top-l.png") !important; }

* html #searchbubble-top,
* html .toolspane-top {
  background-image: url("/assets/images/searchbubble-top_ie.gif"); }

#searchbubble-body,
.toolspane-body {
  width: 236px;
  padding: 10px 15px;
  background: transparent url("/assets/images/searchbubble-body.png") repeat-y top center;
  color: #fff; }

.toolspane-body {
  padding: 0 15px; }

* html #searchbubble-body,
* html .toolspane-body {
  background-image: url("/assets/images/searchbubble-body_ie.gif"); }

#searchbubble-bottom,
.toolspane-bottom {
  height: 21px;
  width: 266px;
  background: transparent url("/assets/images/searchbubble-bottom.png") no-repeat top center; }

* html #searchbubble-bottom,
* html .toolspane-bottom {
  background-image: url("/assets/images/searchbubble-bottom_ie.gif"); }

#search-results a:link,
#search-results a:visited,
.toolspane a:link,
.toolspane a:visited {
  color: #fff;
  text-shadow: none !important; }

#search-results a:hover,
#search-results a:active,
.toolspane a:hover,
.toolspane a:active {
  color: #6af !important;
  text-shadow: none !important; }

#search-results .lighter {
  color: #aaa !important; }

#search-results .search-result {
  padding-bottom: 5px;
  cursor: pointer; }

* html #search-results .search-result {
  cursor: hand; }

#search-results .search-result:hover {
  background-color: transparent; }

#search-results .dismiss-search,
.toolspane .dismiss-search {
  float: left;
  display: block;
  width: 12px;
  height: 12px;
  margin: 18px 0 0 13px;
  background: transparent url("/assets/images/searchbubble-close.png") no-repeat center center; }

* html #search-results .dismiss-search,
* html .toolspane .dismiss-search {
  margin-left: 8px;
  background-image: url("/assets/images/searchbubble-close_ie.gif"); }

.toolspane-body p {
  margin: 0;
  line-height: 1.5;
  padding: 0.25em 0; }

.db-debug {
  font-family: "Lucida Console", "Monaco", fixed;
  border: 4px dashed #000;
  background-color: lightyellow;
  padding: 1em;
  margin: 0.5em;
  white-space: auto !important; }

#consacration {
  text-align: center;
  text-transform: uppercase;
  font-size: 9px;
  margin-top: 3em;
  color: #eee; }

.localization-debug {
  color: magenta !important; }

/* Code highligthing */
.code-method {
  color: #f00; }

.code-class {
  color: #f60; }

.code-delimiter,
.code-operator {
  color: #009; }

.code-literal {
  color: #0c0; }

.code-array-key {
  color: #909; }

input.error,
select.error,
textarea.error {
  border: 2px solid red !important; }

.loading {
  padding: 2em 3em;
  text-align: center;
  color: #999; }

.loading > span {
  background: transparent url("/assets/images/throbber_white.gif") no-repeat center left;
  padding-left: 16px; }

.highlighted {
  background-color: #FDFF5B;
  padding: 0 2px;
  color: #444; }

.missing-file {
  padding-left: 22px;
  background: transparent url("/assets/images/warning18.gif") no-repeat center left; }

.approved {
  padding-left: 15px;
  background: transparent url("/assets/images/tick_icon.gif") no-repeat center left; }

#software-list.iconic div.software-icon {
  margin: 8px; }

#software-list.iconic h3,
#software-list.iconic ul.version,
#software-list.iconic p.software-abstract {
  display: none; }

.is-spam {
  background: #aaa none !important; }

label.left-aligned {
  display: block; }

label.required:after {
  content: "*"; }

.form-left textarea {
  width: 90%; }

.diario-gravatar {
  float: left; }

.diario-comment-text {
  margin-left: 50px;
  min-height: 48px; }

.contact-form {
  width: 600px;
  margin: auto; }

@media screen and (min-width: 768px) {
  label.left-aligned {
    float: left;
    display: block;
    width: 80px;
    text-align: right;
    margin-right: 10px; }
  .labeled {
    margin-left: 90px; }
  .padded-to-label {
    padding-left: 90px; }
  .form-left textarea {
    width: auto; } }

.slide-thumb {
  width: 210px; }
html {
  margin: 0;
  color: #444;
  font-family: 'Fira Sans', Arial, sans-serif;
  font-size: 12pt;
  background-color: #fff;
  height: 100%; }

body {
  overflow: auto;
  margin: 0;
  height: 100%; }

#external,
#external-small {
  width: 800px;
  margin: auto;
  box-shadow: 0 -5px 10px 0 #9EA2A3; }

#top,
#top-small {
  height: 139px; }

* html #top,
* html #top-small {
  width: 850px; }

#page {
  background-color: #fff;
  padding: 40px 0 0 0; }

* html #external,
* html #external-small {
  width: 850px; }

.clear {
  clear: both; }

.section {
  margin-bottom: 4em; }

.prev_next .fwd, .prev_next .back {
  display: block;
  margin-bottom: 1em; }

.prev_next .fwd {
  text-align: right; }

a.top,
a.fwd,
a.back,
a.top::before,
a.fwd::after,
a.back::before {
  font-family: Satisfy, cursive;
  font-size: 14pt; }

a.top::before {
  content: "\2191 "; }

a.fwd::after {
  content: " \2192"; }

a.back::before {
  content: "\2190 "; }

a.top:hover,
a.top:active,
a.fwd:hover,
a.fwd:active,
a.back:hover,
a.back:active {
  background-color: transparent; }

a.glossary {
  cursor: help; }

.ad-item {
  margin: 4em 0 2em 0; }

#footnotes,
.lighter {
  color: #666; }

a img {
  border: 0; }

a:link,
a:visited {
  text-decoration: none;
  color: #0084b4; }

a:hover,
a:focus,
a:active {
  color: #d6699b;
  text-decoration: underline; }

.rss-feed {
  text-align: right;
  margin-bottom: 1em; }

.rss-feed a,
a.rss,
a.feed {
  padding-left: 14px;
  background: transparent url("/assets/images/minimal/feed12.gif") no-repeat center left; }

#center-column, .center-column {
  margin: auto;
  padding-right: 30px; }

#right-column {
  display: none;
  float: right;
  width: 180px;
  margin: -40px 0 0 0;
  padding: 40px 10px 0 10px;
  text-align: left;
  font-size: 9pt;
  background: linear-gradient(to bottom, #eee 0%, #fff 100%); }

#right-column ul li {
  text-align: left; }

.footer {
  font-size: 9pt;
  color: #999;
  text-align: center;
  padding: 30px 30px 60px 30px; }

h1,
h2,
h3,
h4 {
  text-align: left;
  line-height: 1.5; }

h1 {
  color: #000;
  font-family: Satisfy, cursive;
  font-size: 32pt;
  margin: 0 0 2em 0; }

h2 {
  font-family: Satisfy, cursive;
  font-size: 28pt;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee; }

h2, h3, h4 {
  color: #000;
  font-weight: normal;
  margin: 0.25em 0 0.5em 0; }

h3 {
  font-family: Satisfy, cursive;
  font-size: 24pt;
  margin-bottom: 0; }

h4 {
  font-family: Satisfy, cursive;
  font-size: 18pt;
  margin-bottom: 0.5em; }

h3,
#right-column h3 {
  text-transform: none;
  text-align: left;
  margin: 1em 0 0.5em 0; }

li h3 {
  margin: 0.25em 0 0 0;
  background: none; }

.comment-odd h3,
.comment-awaiting-moderation h3,
h3.centered,
h2.centered,
h4.centered {
  background: none !important; }

* + h2,
* + h3,
* + h4 {
  margin-top: 2em; }

h1 + h2,
h2 + h3,
h2 + h4,
h3 + h4 {
  margin-top: 1em; }

div.rss-feed + h2 {
  margin-top: 0.25em; }

p {
  text-align: justify;
  line-height: 1.8;
  margin: 1em 0; }

.go-top {
  float: right; }

fieldset {
  padding: 0 4px 4px 4px;
  margin: 0; }

fieldset .ads {
  margin: auto; }

fieldset legend {
  background-color: #fff;
  color: #ccc; }

#right-column fieldset p {
  text-align: center; }

input[type=text],
input[type=password],
input[type=button],
input[type=submit],
input[type=reset],
textarea {
  margin: 0 0.5em 0 0;
  font-size: 12pt; }

input[type=text],
input[type=password],
textarea {
  background-color: #fff;
  padding: 6px;
  border: 1px solid #578; }
  input[type=text] .labeled,
  input[type=password] .labeled,
  textarea .labeled {
    width: 18em; }

input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
  background-color: #f0f3fa; }

input[type=button],
input[type=submit],
input[type=reset] {
  background-color: #0084b4;
  border-radius: 4px;
  border: 1px solid #0084b4;
  color: white;
  padding: 10px 30px; }

image.picture {
  padding: 5px !important;
  background-color: #c5efd4;
  border: 1px solid #c5efd4 !important; }

#header {
  display: none;
  height: 75px;
  margin: 0 -1px; }

#other-navbar {
  background: linear-gradient(to bottom, #4a97ad 0%, #55adc7 15%); }

#navbar {
  padding: 0 20px;
  margin: 0; }
  #navbar a:link,
  #navbar a:visited {
    color: #000; }
  #navbar a.navitem:link,
  #navbar a.navitem:visited {
    color: #f0f0f0; }
  #navbar a.navitem:hover,
  #navbar a.navitem:active {
    color: #baedff; }

#backend-navbar {
  margin: 0 0 20px 0; }

#toplinks {
  display: none;
  /* for now */
  float: right;
  margin-right: 20px;
  color: #999; }

* html #toplinks {
  width: 810px;
  margin: 10px auto 0 auto; }

.navitem,
.subnavitem {
  display: block;
  padding: 7px 20px 8px 20px;
  height: 25px;
  border-top: 2px solid #cb1065; }

.subnavitem {
  padding: 5px 10px;
  border-color: #eee; }

a.this-subnavitem {
  background-color: #F0F2F3;
  box-shadow: inset 10px 10px 10px -10px #666, inset -10px -10px 10px -10px #666; }

a.here:link,
a.here:visited {
  color: #fff;
  text-decoration: underline; }

.navfirst:before,
.subnavfirst:before {
  content: none; }

.subnavlast,
.navlast {
  background-position: center right !important;
  padding-right: 10px !important; }

a.external {
  background: url("/assets/images/minimal/external12.gif") center right no-repeat;
  padding-right: 14px; }

.diario-controls a.comment,
.articoli-controls a.comment {
  padding-left: 14px; }

.diario-controls a.permalink,
.articoli-controls a.permalink {
  padding-left: 14px; }

a.trackback {
  padding-left: 14px; }

a.itunes {
  padding-left: 14px; }

#navbar,
#subnavbar,
.subnavbar {
  display: block;
  padding: 0; }

#navbar li,
#subnavbar li,
.subnavbar li {
  display: block;
  padding: 0;
  text-align: center;
  text-transform: uppercase; }
  #navbar li a,
  #subnavbar li a,
  .subnavbar li a {
    display: block; }

#page #single-central ul.subnavbar {
  margin-top: 0; }

.navbox {
  padding: 2em 0 3em 0; }

hr {
  border: none;
  height: 0px;
  border-top: 1px solid #c5efd4; }

.centered {
  text-align: center; }

ul,
ol {
  margin-left: 0;
  padding-left: 1.25em; }

li {
  text-align: justify;
  line-height: 1.8;
  list-style-position: outside; }

#cal-div {
  height: 210px; }

#calendario a {
  text-decoration: underline; }

#toppage-ads {
  margin: 0 -1px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  width: 765px;
  height: 30px;
  overflow: hidden; }

li.plain {
  line-height: 1;
  display: block;
  list-style-type: none;
  margin-bottom: 0.5em; }

li.diario {
  margin-bottom: 1.5em; }

ul.plain {
  margin-left: 0;
  padding-left: 0; }

form {
  margin-top: 1.5em; }

.article-controls {
  margin: 1em 0 3em 0;
  padding-top: 0.5em; }

.expander {
  clear: left; }

.expander,
.diario-controls,
.articoli-controls {
  text-align: right;
  padding-top: 5px; }

.my-comment,
.comment-even,
.comment-odd,
.comment-awaiting-moderation {
  padding: 1em 1em 0.5em 1em;
  margin: 1em 0; }

.my-comment {
  background-color: #e9f0ff;
  border: 1px solid #bed4ff; }

.comment-even {
  background-color: transparent; }

.comment-odd {
  background-color: #edf7fd; }

.comment-awaiting-moderation {
  background-color: #EBEEFB;
  border: 1px dotted #BEC9F2; }

.my-comment h4,
.comment-even h4,
.comment-odd h4 {
  margin-top: 0; }

.form-right {
  text-align: right; }

.bezel {
  position: absolute;
  width: 450px;
  display: none; }

.bz_crn_nw,
.bz_crn_ne,
.bz_brd_n,
.bz_brd_s,
.bz_crn_sw,
.bz_crn_se {
  height: 22px; }

.bz_crn_nw {
  padding-left: 22px; }

.bz_crn_sw {
  padding-left: 22px; }

.bz_crn_ne {
  padding-right: 22px; }

.bz_crn_se {
  padding-right: 22px; }

.bz_brd_w {
  padding-left: 22px; }

.bz_brd_e {
  padding-right: 22px; }

.bz_body {
  padding: 0.5em 1em; }

.bezel h2,
.bezel p {
  margin: 0;
  color: #fff;
  background: none; }

.bezel h2 {
  padding-top: 0.5em;
  border-bottom-color: #69f; }

.bezel p {
  font-size: 10pt;
  padding: 1em 0; }

.u {
  text-decoration: underline !important; }

acronym {
  border-bottom: 1px dotted #333;
  cursor: help; }

.red-badge {
  padding: 2px 0 2px 21px; }

.diario-controls,
.articoli-controls {
  margin: 2em 0 3em 0; }

#eme-title,
#eme-about,
#eme-logo-black {
  display: none; }

#version {
  display: none; }

.day {
  padding: 2px; }

.today {
  color: #fff;
  background-color: #d6116b; }

.today a {
  color: #fff; }

#calendario-month-header a.fwd {
  padding-right: 14px;
  background: transparent url("/assets/images/minimal/fwd12.gif") no-repeat center right; }

#calendario-month-header a {
  text-decoration: none !important; }

#calendario td {
  width: 20px;
  height: 19px; }

blockquote {
  border-left: 4px solid #56d283;
  padding-left: 2em;
  margin-left: 1em; }

/*
blockquote:before {
content: open-quote;
font-size: 24pt;
color: #ccc;
float: left;
}
*/
#footnotes::before {
  content: '\8212';
  color: #aaa; }

img.bordered {
  padding: 6px;
  background-color: #f9f9f9;
  border: 1px solid #c5efd4; }

p.caption {
  padding-top: 24px;
  color: #aaa;
  text-align: center; }

#toplinks ul {
  margin: 0;
  padding: 0; }

#toplinks li,
.articoli-controls li,
.diario-controls li {
  display: inline;
  margin-right: 6px; }

* html #toplinks li,
* html .articoli-controls li,
* html .diario-controls li {
  margin-right: 18px; }

#toplinks li + li,
.diario-controls li + li,
.articoli-controls li + li {
  padding-left: 14px; }

.tablebee-row {
  padding: 0.5em 1em 1em 0.5em !important; }

.alternate {
  background-color: #f9f9f9; }

.awaiting-moderation-notice {
  margin-top: 0.5em;
  padding-top: 0.5em;
  border-top: 1px dotted #BEC9F2;
  color: #99AAEB;
  text-align: center; }

code, pre {
  font-size: 12pt;
  line-height: 1.5; }

/* Argh! Why the heck doesn't this work?!
p+p:first-letter {
margin-left: 3em;
}
*/
div.spacer20 {
  height: 20px; }

#flash,
#flash.message {
  clear: both;
  margin: 0 60px;
  padding: 20px 20px 20px 72px;
  background-color: #f9f9f9; }

#flash.warning {
  background-color: #ffc; }

#flash.error {
  background-color: #fcc; }

div.spacer10 {
  height: 10px; }

ol#breadcrumbs {
  margin-left: 4px; }

* html ol#breadcrumbs {
  margin-left: 20px; }

ol#breadcrumbs li {
  padding-right: 5px;
  display: inline; }

ol#breadcrumbs li + li:before {
  content: "> "; }

.software-item {
  margin: 10px 0 20px 0; }

.software-abstract {
  margin-left: 84px; }

.software-icon {
  float: left;
  width: 64px;
  text-align: center; }

ul.version {
  margin-left: 84px;
  padding-left: 0; }
  ul.version li {
    display: inline; }
  ul.version li + li:before {
    content: " - "; }

.throbber,
.throbber_indeterminate,
.throbber_active,
.throbber_paused {
  min-height: 14px;
  padding-right: 16px; }

#message-board {
  background-color: #e5f9ec;
  color: #444;
  padding: 4px 20px;
  text-shadow: 0 1px 1px #fff; }

#language-chooser {
  float: right; }

#language-chooser ul,
#language-chooser li {
  display: inline;
  margin: 0;
  padding: 0; }

#language-chooser li + li {
  list-style-image: none;
  padding-left: 2px;
  background: none; }

#the-language {
  margin-right: 5px; }

table.list {
  border-collapse: collapse; }
  table.list td {
    border-top: none;
    border-bottom: none; }

th.nav {
  padding: 2px 4px;
  white-space: nowrap;
  border: 1px solid #ddd;
  background: #c5efd4 url("/assets/images/minimal/th-nav.png") repeat-x center center; }
  th.nav a {
    display: block;
    text-decoration: none;
    color: #69f !important;
    font-weight: normal; }
    th.nav a.orderdown,
    th.nav a.orderup {
      padding-left: 14px; }

th.myorder {
  border-color: #c6c6c6;
  background: #ddd url("/assets/images/minimal/th-nav-myorder.png") repeat-x center center;
  color: #333 !important;
  text-shadow: 0 1px 1px #c5efd4; }

.row1 {
  background-color: #F7F9FD; }

.toolbaritem-selected,
.toolbaritem {
  text-decoration: none !important;
  color: #69f !important;
  display: block;
  float: left;
  padding: 10px 20px;
  height: 15px;
  background-color: #c5efd4; }

.toolbaritem:hover,
.toolbaritem:active,
.toolbaritem-selected,
.toolbaritem-selected:hover {
  color: #333 !important;
  background: #ddd;
  text-shadow: 0 1px 1px #c5efd4; }

.firstitem {
  background-position: center left !important;
  padding-left: 25px !important; }

.lastitem {
  background-position: center right !important;
  padding-right: 25px !important; }

.card {
  border: 1px solid #c5efd4;
  padding: 20px; }

.pager {
  float: right;
  margin: 0 0 10px 0; }

.btn {
  text-decoration: none !important;
  color: #69f !important;
  display: block;
  float: left;
  padding: 4px 10px;
  height: 15px;
  background: #c5efd4; }

.btn:hover,
.btn:active,
.this-btn,
.this-btn:hover {
  color: #333 !important;
  background: #ddd;
  text-shadow: 0 1px 1px #c5efd4; }

.btnfirst {
  background-position: center left !important;
  padding-left: 12px !important; }

.btnlast {
  background-position: center right !important;
  padding-right: 12px !important; }

.minibtn-left {
  padding-left: 6px;
  margin-right: 2px; }

.minibtn-right {
  text-decoration: none !important;
  font-size: 7pt;
  padding-right: 6px;
  color: #333 !important;
  text-shadow: 0 1px 1px #c5efd4; }

.minibtn-right:hover,
.minibtn-right:active {
  color: #69f !important; }

.service {
  white-space: normal !important; }

.list em,
.cloud em {
  display: block;
  margin: 20px 0;
  text-align: center; }

.searchfield {
  width: 130px; }

.navbox #left-column {
  float: left;
  width: 290px;
  position: relative; }

.navbox #center-column {
  margin: 0 20px 0 310px; }

@media (max-width: 800px) and (min-width: 600px) {
  #external,
  #external-small {
    width: 100%; }
  #top,
  #top-small {
    background-position: 100% 0; }
  .navbox #left-column {
    display: none; }
  .navbox #center-column {
    margin-left: 0; } }

@media (max-width: 600px) {
  #external,
  #external-small {
    width: 100%; }
  #top,
  #top-small {
    height: 49px;
    background-position: 100% 100%; }
  .navbox #left-column {
    display: none; }
  .navbox #center-column {
    margin-left: 0; }
  #right-column {
    display: none; }
  #center-column {
    margin-right: 0; }
  div.rss-feed {
    float: none;
    text-align: right; }
  .navitem,
  .subnavitem {
    padding-left: 10px;
    padding-right: 10px; } }

a, header {
  transition-duration: .5s; }

main {
  margin-top: 250px; }

.central, .single-central {
  background-color: #fff;
  padding: 25px 0 60px 30px; }

header {
  position: fixed;
  width: 100%;
  z-index: 10;
  top: 0;
  opacity: 1;
  overflow: auto;
  background: linear-gradient(to bottom, #d62475 0%, #d6116b 100%);
  box-shadow: 0 0 5px #000; }
  header nav {
    float: none; }
  header h1 {
    color: #f0f0f0;
    font-size: 32pt;
    margin: 10px 20px;
    padding: 0;
    text-align: center; }
  header.headroom--pinned {
    position: fixed;
    top: 0; }
  header.headroom--unpinned {
    top: -252px;
    opacity: .3; }

/*
label.left-aligned {
  float: none;
}
.padded-to-label {
  padding-left: 0;
}
.labeled {
  margin-left: 0;
}
*/
.error-outer {
  position: absolute;
  top: 150px;
  left: 0;
  right: 0;
  height: 100px; }

#flash, #flash.message {
  margin: 0; }

@font-face {
  font-family: icomoon;
  src: url(/assets/fonts/IcoMoon-Free.ttf);
  font-weight: 400;
  font-style: normal; }

footer {
  background-color: #eee; }
  footer .footer .social-icons {
    margin: 0;
    padding: 0; }
    footer .footer .social-icons li {
      font-family: icomoon;
      display: inline-block;
      font-size: 18pt;
      padding: 10px; }
      footer .footer .social-icons li a {
        color: #999;
        text-decoration: none; }
        footer .footer .social-icons li a.github::before {
          content: '\eab2'; }
        footer .footer .social-icons li a.github:hover {
          color: green; }
        footer .footer .social-icons li a.twitter::before {
          content: '\ea91'; }
        footer .footer .social-icons li a.twitter:hover {
          color: #54d1ff; }
        footer .footer .social-icons li a.instagram::before {
          content: '\ea90'; }
        footer .footer .social-icons li a.instagram:hover {
          color: brown; }
        footer .footer .social-icons li a.codepen::before {
          content: '\eae4'; }
        footer .footer .social-icons li a.codepen:hover {
          color: #000; }
        footer .footer .social-icons li a.linkedin::before {
          content: '\eac9'; }
        footer .footer .social-icons li a.linkedin:hover {
          color: #0084b4; }
        footer .footer .social-icons li a.flickr::before {
          content: '\eaa1'; }
        footer .footer .social-icons li a.flickr:hover {
          color: #cb1065; }
        footer .footer .social-icons li a.youtube::before {
          content: '\ea97'; }
        footer .footer .social-icons li a.youtube:hover {
          color: red; }

@media screen and (min-width: 768px) {
  header nav {
    float: right;
    margin: -40px 10px 0 0; }
    header nav #navbar {
      height: 40px; }
      header nav #navbar li {
        float: left;
        text-align: left; }
        header nav #navbar li a {
          display: inline; }
  header h1 {
    text-align: inherit; }
  header.headroom--unpinned {
    top: -85px; }
  main {
    margin-top: 0;
    padding-top: 250px;
    background: transparent url(/assets/images/cupcakes/header_bg.jpg) repeat-x 2367px -250px;
    background-attachment: fixed;
    background-position-x: left; }
    main #central,
    main #single-central,
    main .central,
    main .single-central {
      padding: 60px 0 60px 30px;
      margin-top: 0; }
  footer {
    background-color: #eee; }
    footer .footer .social-icons li {
      font-size: 24pt; }
  .navitem,
  .subnavitem {
    float: left;
    border-top: none;
    border-left: 2px solid #cb1065; }
  .subnavfirst,
  .navfirst {
    border: none; }
  .error-outer {
    top: 250px; }
  .prev_next {
    margin-bottom: 2em;
    height: 1em; }
    .prev_next .fwd {
      float: right; } }

@media screen and (min-width: 768px) {
  #center-column, .center-column {
    max-width: 800px; } }

@media screen and (min-width: 768px) {
  #center-column, .center-column {
    max-width: none;
    width: 1024px; } }
div#coolpreview_container
{
	width: 100%;
	height: 100%;
	background: transparent url("/assets/images/coolpreview/bg.png") repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5000;
	display: none;
}

img#coolpreview_container * { position: absolute; }
img#coolpreview_loader { display: none; }

img#coolpreview_picture
{
	position: absolute;
	margin: auto;
	border: 10px solid #fff;
}

img#coolpreview_throbber { }

/* Now fallback stuff for that sh*t of IE */

* html div#coolpreview_container
{
	background: transparent url("/assets/images/coolpreview/bg_ie.gif") repeat 0 0;
}
