@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Dosis:400,700&subset=latin,latin-ext);
a {
  text-decoration: none;
  color: #ed7831; }
  a img {
    border: 0;
    padding: 0; }

body {
  font-family: Dosis;
  background: white;
  color: #363a3e;
  margin: 0; }

.clr {
  clear: both; }

#banners {
  margin: 0 auto;
  width: 58.75em; }
  #banners > a {
    display: block;
    width: 100%; }
  #banners img {
    display: block;
    margin: 0 auto;
    width: 100%; }

#header-wrapper {
  background-image: url("../img/header-bar.0484aa02e5cd.png");
  background-repeat: repeat-x;
  background-position: 0 100%; }

header.main {
  margin: 0 auto 1.4375em;
  width: 58.75em;
  padding: 1.8125em 0.625em 0; }
  header.main #logo {
    float: left;
    margin-bottom: 1.25em; }
    header.main #logo img {
      vertical-align: middle; }
  header.main #organizer {
    float: right;
    font-size: .75em;
    color: #777; }
    header.main #organizer img {
      margin-top: .5em; }
  header.main nav ul {
    padding: 0;
    position: absolute;
    left: 15em; }
  header.main nav li {
    list-style: none;
    display: inline-block;
    text-transform: uppercase;
    margin: 0 .5em;
    text-align: center;
    /*position:relative;*/ }
  header.main nav a {
    color: #363a3e;
    display: block;
    vertical-align: bottom;
    font-size: .85em; }
  header.main nav a:hover {
    color: #ed7831; }
  header.main nav a:before {
    content: " ";
    display: block;
    margin-bottom: .8em;
    width: 2.75em;
    height: 2.125em;
    text-align: center;
    margin: auto;
    margin-bottom: .8em; }
  header.main nav .menu-oc-program:before {
    background: url("../img/menu/olimpiada/program.73d3db2a5335.png") no-repeat 0 0;
    background-size: 100%; }
  header.main nav .menu-oc-harmonogram:before {
    background: url("../img/menu/olimpiada/harmonogram.8347d75b2dd5.png") no-repeat 0 0;
    background-size: 100%; }
  header.main nav .menu-oc-regulamin:before {
    background: url("../img/menu/olimpiada/regulamin.123e019f4162.png") no-repeat 0 0;
    background-size: 100%; }
  header.main nav .menu-oc-literatura:before {
    background: url("../img/menu/olimpiada/literatura.18d69b71ce04.png") no-repeat 0 0;
    background-size: 100%; }
  header.main nav .menu-oc-komitet:before {
    background: url("../img/menu/olimpiada/komitet.42874eceee55.png") no-repeat 0 0;
    background-size: 100%; }
  header.main nav .menu-oc-kontakt:before {
    background: url("../img/menu/olimpiada/kontakt.6c6593b7a2c7.png") no-repeat 0 0;
    background-size: 100%; }
  header.main nav .menu-oc-program:hover:before {
    background: url("../img/menu/olimpiada/program_active.aa4fb2670615.png") no-repeat 0 0;
    background-size: 100%; }
  header.main nav .menu-oc-harmonogram:hover:before {
    background: url("../img/menu/olimpiada/harmonogram_active.6873ebc77fea.png") no-repeat 0 0;
    background-size: 100%; }
  header.main nav .menu-oc-regulamin:hover:before {
    background: url("../img/menu/olimpiada/regulamin_active.86bcf6b1b7e0.png") no-repeat 0 0;
    background-size: 100%; }
  header.main nav .menu-oc-literatura:hover:before {
    background: url("../img/menu/olimpiada/literatura_active.403a14eb5bce.png") no-repeat 0 0;
    background-size: 100%; }
  header.main nav .menu-oc-komitet:hover:before {
    background: url("../img/menu/olimpiada/komitet_active.1e5a971437d4.png") no-repeat 0 0;
    background-size: 100%; }
  header.main nav .menu-oc-kontakt:hover:before {
    background: url("../img/menu/olimpiada/kontakt_active.8f77ff792900.png") no-repeat 0 0;
    background-size: 100%; }
  header.main #tagline {
    clear: both;
    float: left;
    background-color: white;
    /* Extend padded background .*/
    padding: 0 0.625em;
    margin-left: -0.625em;
    font-size: .9em;
    color: #363a3e; }
  header.main #search {
    float: right;
    background-color: white;
    /* Extend padded background .*/
    padding: 2px 0.625em 0;
    margin-right: -0.625em; }

#content {
  width: 58.75em;
  padding: 0 0.625em;
  margin: auto;
  position: relative; }

footer.main {
  clear: both;
  border-top: 1px solid #c9ccce;
  width: 58.75em;
  padding: 0.2em 0.625em;
  margin: 2.5em auto 1em auto;
  color: #9a9c9e; }
  footer.main p {
    font-size: .75em; }
  footer.main .footer-item {
    float: left;
    margin-right: 1.25em;
    width: 13.75em; }
  footer.main .sponsors-page {
    margin-bottom: 1.25em; }
  footer.main .sponsors-column {
    float: left;
    margin-right: 1.25em;
    width: 9.1875em; }
    footer.main .sponsors-column p {
      font-size: .75em; }
  footer.main .sponsors-column:first-child {
    margin-left: 0; }
  footer.main .sponsors-column:nth-last-child(2) {
    width: 6.25em; }
  footer.main .footer-extra p {
    margin-top: 0; }

#search {
  font-size: .8em; }
  #search input, #search button {
    font-family: Dosis;
    font-size: .9em;
    vertical-align: bottom;
    border: 1px solid #c9ccce;
    padding: 0;
    margin: 0;
    line-height: .9em; }
  #search input {
    border-right-width: 0;
    height: 16px;
    width: 16em;
    padding-left: 1.3em; }
  #search button {
    height: 18px;
    width: 1.8em; }
    #search button span {
      position: relative;
      top: -1px; }
  #search input::-webkit-input-placeholder {
    text-transform: uppercase; }
  #search input:-moz-placeholder {
    text-transform: uppercase; }
  #search input::-moz-placeholder {
    text-transform: uppercase; }
  #search input::-ms-placeholder {
    text-transform: uppercase; }

.link-list {
  list-style: none;
  padding: 0; }
  .link-list li {
    margin-bottom: .5em; }
  .link-list a:before {
    content: "→";
    margin-right: .5em; }
  .link-list a {
    color: #363a3e; }
  .link-list a:hover {
    color: #ed7831; }

.link-list-colored a {
  color: #ed7831; }

.plain {
  margin: 0;
  padding: 0;
  list-style: none; }
  .plain li {
    margin: 1em 0; }

.flatpage img {
  border: 0.3125em solid #eee;
  margin: 1.3em; }

ul.messages {
  list-style: none; }

.messages .error {
  top: 20px;
  left: 20px;
  border: 1px solid black;
  background: red;
  border-radius: 0.938em;
  padding: 5px 2px;
  color: white;
  text-align: center;
  font-weight: bold; }

/*# sourceMappingURL=base.css.map */

#main-promobox {
  float: right;
  width: 12.5em;
  height: 11.6875em; }
  #main-promobox a {
    background: #16a487;
    padding: 1em 1.25em;
    border-radius: 0.9375em;
    display: block;
    margin-bottom: 1em;
    width: 10em;
    float: left; }
    #main-promobox a:last-of-type {
      margin-bottom: 0; }
  #main-promobox h1 {
    background: #16a487;
    padding: 1em 1.25em;
    border-radius: 0.9375em;
    color: white;
    margin: 0;
    text-transform: uppercase;
    font-size: .9em;
    width: 11.375em;
    float: left;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  #main-promobox h1:before {
    content: url("/static/img/icons/announce_white.8c0f4d8f28f1.png");
    margin-right: 1.2em;
    vertical-align: top; }
  #main-promobox h2 {
    color: white;
    font-size: .9em;
    /*margin: 1.1em 0 0 0;*/
    margin: 0;
    font-weight: normal;
    text-transform: uppercase; }
  #main-promobox p {
    color: #363a3e;
    font-size: .8em;
    line-height: 1.15em;
    margin: .3em 0; }

#main-sections {
  clear: both;
  float: left;
  margin-top: 1.2em;
  width: 43.75em; }
  #main-sections h1 {
    font-size: .9em;
    margin: 0 0 0 1.25em;
    text-transform: uppercase; }
  #main-sections ul {
    margin: -0.1875em 0 0 -1.25em;
    padding: 0;
    list-style: none; }
    #main-sections ul li {
      margin-top: 1.25em;
      margin-left: 1.25em;
      float: left;
      height: 5.625em;
      border-radius: 0.9375em; }
      #main-sections ul li a {
        color: white;
        text-transform: uppercase;
        display: block;
        height: 5em;
        display: table;
        padding: 5px; }
        #main-sections ul li a .in-box {
          font-size: .9em;
          height: 100%;
          width: 100%;
          display: table-cell;
          vertical-align: middle;
          border: 1px solid transparent;
          border-radius: 0.625em;
          padding: 0 1em; }
          #main-sections ul li a .in-box .name {
            display: block;
            font-size: 1.5em;
            line-height: 1em;
            margin-bottom: .2em; }
      #main-sections ul li a:hover .in-box {
        border: 1px solid white; }
    #main-sections ul .box1 {
      background-color: #adaeaf; }
    #main-sections ul .box2 {
      background-color: #f8b323; }
    #main-sections ul .box3 {
      background-color: #16a487; }
    #main-sections ul .box4 {
      background-color: #5e6165; }
    #main-sections ul .box5 {
      background-color: #f8b323; }
    #main-sections ul .box6 {
      background-color: #363a3e; }
    #main-sections ul .box7 {
      background-color: #adaeaf; }
    #main-sections ul .box8 {
      background-color: #ed7831; }

#main-howto {
  float: right;
  margin-top: 1.2em;
  width: 13.75em; }
  #main-howto h1 {
    font-size: .9em;
    margin: 0 0 0 1.4em;
    text-transform: uppercase; }
  #main-howto ul {
    margin: 1.0625em 0 1.0625em 1.4em; }
    #main-howto ul li {
      font-size: .9em;
      text-transform: uppercase;
      line-height: 1.25em; }
    #main-howto ul a:before {
      height: 1.25em; }
    #main-howto ul .knowledge:before {
      content: url("/static/img/icons/knowledge_dark.15be2c9ca508.png"); }
    #main-howto ul .activity:before {
      content: url("/static/img/icons/activity_dark.dd6c2805b5b9.png"); }
    #main-howto ul .lesson-plan:before {
      content: url("/static/img/icons/lesson-plan_dark.b9cc29b65c33.png"); }
    #main-howto ul .reference:before {
      content: url("/static/img/icons/reference_dark.a5dbeaab26b9.png"); }
    #main-howto ul .knowledge:hover:before {
      content: url("/static/img/icons/knowledge_orange.ed47ad213c3f.png"); }
    #main-howto ul .activity:hover:before {
      content: url("/static/img/icons/activity_orange.ad7d1440fd94.png"); }
    #main-howto ul .lesson-plan:hover:before {
      content: url("/static/img/icons/lesson-plan_orange.6f34339de998.png"); }
    #main-howto ul .reference:hover:before {
      content: url("/static/img/icons/reference_orange.fde9aa5a4eb5.png"); }
  #main-howto p {
    margin: 0 0 1.875em 1.4em; }
  #main-howto .side-banner img {
    display: block;
    width: 100%;
    margin-bottom: 0.2em; }

#main-chosen {
  clear: left;
  float: left;
  margin-top: 2em; }
  #main-chosen h1 {
    font-size: .9em;
    margin: 0 0 1em 1.25em;
    text-transform: uppercase; }
  #main-chosen .levelth {
    margin-left: 1.25em; }

#main-tools {
  clear: both; }
  #main-tools .main-tools-box {
    float: left;
    margin-top: 1.5em;
    margin-right: 1.25em;
    width: 17.5em; }
    #main-tools .main-tools-box h1 {
      margin: 0;
      font-size: .9em;
      text-transform: uppercase; }
    #main-tools .main-tools-box ul, #main-tools .main-tools-box ol {
      margin: 1.1em 0 0 0;
      font-size: .9em;
      line-height: 1.15em; }

/*# sourceMappingURL=main.css.map */

.submit-form th, .submit-form td {
  padding: .3em;
  vertical-align: top;
  text-align: left; }
.submit-form td ul {
  padding: 0;
  list-style: none;
  margin: 0; }
.submit-form th {
  max-width: 16em;
  font-weight: normal; }
.submit-form .required th label:before {
  content: "* ";
  color: red; }
.submit-form .errorlist {
  padding: 0 0 0 1em;
  margin: 0;
  color: red; }

@charset "UTF-8";
.box-button {
  background-color: #ed7831;
  border-radius: 0.9375em; }
  .box-button .dl-button, .box-button .nice-button {
    color: white;
    padding: 1.0625em 0.75em 1.0625em 0.75em; }

.dl-button, .nice-button {
  color: #363a3e;
  display: block;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  font-size: .9em; }

.dl-button:after {
  content: " ↓"; }

#main-bar section.button {
  margin-bottom: 1.0625em; }

#sidebar {
  position: absolute;
  right: 0;
  top: 0;
  width: 13.75em;
  color: #363a3e; }
  #sidebar section {
    margin-bottom: 1.0625em; }
    #sidebar section h1 {
      margin: 0; }
    #sidebar section h1.realisation {
      font-weight: normal; }
  #sidebar .section {
    border-top: 1px solid #c9ccce;
    padding-top: 1.0625em; }
  #sidebar .section-minor {
    border-top: 1px solid #c9ccce;
    padding-top: 1.0625em; }
    #sidebar .section-minor h1 {
      font-weight: normal;
      font-size: 1em; }
  #sidebar .section-micro {
    font-size: .8em;
    color: #888;
    border-top: 1px solid #c9ccce;
    padding-top: 1.0625em; }
    #sidebar .section-micro h1 {
      font-weight: normal;
      font-size: 1em; }
    #sidebar .section-micro .link-list a {
      color: #888; }
  #sidebar section:first-child {
    border-top: 0;
    padding-top: 0; }

#main-bar {
  width: 40em; }
  #main-bar .top-link {
    float: right; }
  #main-bar .box {
    background-color: #d4d6d8;
    border-radius: 0.9375em;
    padding: 1.0625em; }
    #main-bar .box h1 {
      font-size: 1em;
      text-transform: uppercase; }
    #main-bar .box p {
      margin: 0; }
    #main-bar .box .box-icon {
      margin: -.2em 0 -.2em 1em;
      float: right;
      text-align: center; }

.lesson-footer {
  clear: both;
  border-top: 1px solid #777;
  margin-top: 2em;
  padding-top: 1em; }
  .lesson-footer .section-info {
    text-align: center; }
  .lesson-footer .previous-lesson {
    float: left; }
  .lesson-footer .next-lesson {
    float: right; }

/*# sourceMappingURL=layout.css.map */

@charset "UTF-8";
.exercise img {
  vertical-align: top; }
.exercise .question-piece {
  border-radius: 0.6875em;
  padding: 0.5em 0.6875em; }
.exercise .lista.punkt {
  list-style: none;
  margin: 0;
  padding: 0; }
.exercise .lista li {
  margin: 0.3125em 0; }
.exercise .question-piece.correct {
  background-color: #16a487;
  color: white; }
.exercise .question-piece.incorrect {
  background-color: #f00;
  color: white; }
.exercise .placeholder.dragover {
  background: #ed7831 !important; }
.exercise .remove {
  float: right;
  display: inline-block;
  border-radius: 0.5em;
  padding: 0.25em 0.5em;
  margin: -0.25em -0.5em -0.25em 0.5em;
  background: #ed7831;
  color: white; }
.exercise .buttons {
  background: #5e6165;
  border-radius: 0.5625em;
  height: 1.875em;
  line-height: 1.875em;
  overflow: hidden;
  color: white;
  margin-top: 1.875em; }
  .exercise .buttons input {
    height: 100%;
    border: 0;
    background: #8e9093;
    color: white;
    text-transform: uppercase;
    font-weight: bold; }
  .exercise .buttons .message {
    float: right;
    padding: 0 1.25em;
    background: red; }
  .exercise .buttons .maxscore {
    background: #16a487; }
  .exercise .buttons input.check {
    background: #ed7831; }

.exercise .instruction, .exercise-wtem .instruction {
  display: block;
  margin: .3em;
  color: green;
  font-size: .9em; }
.exercise .instruction:before, .exercise-wtem .instruction:before {
  content: "☞ "; }

.luki .question-piece {
  background-color: #d4d6d8;
  color: #363a3e;
  cursor: pointer;
  z-index: 2;
  display: inline-block;
  margin: 0.3125em;
  z-index: 2;
  max-width: 38em; }
.luki .question-piece.disabled {
  background-color: #eee;
  color: #d4d6d8; }
.luki .placeholder {
  border-radius: 0.6875em;
  padding: 0.5em 0.6875em;
  display: inline-block;
  margin: 0.3125em;
  z-index: 2;
  width: 4em;
  background-color: #eee;
  z-index: 1; }
.luki .placeholder:after {
  content: "\0000a0"; }

.zastap .question-piece {
  background-color: #d4d6d8;
  color: #363a3e;
  cursor: pointer;
  z-index: 2;
  display: inline-block;
  margin: 0.3125em;
  z-index: 2; }
.zastap .question-piece.disabled {
  background-color: #eee;
  color: #d4d6d8; }
.zastap .question-piece.placeholder {
  background-color: inherit;
  color: inherit;
  cursor: inherit;
  z-index: inherit;
  display: inline;
  margin: 0;
  padding: 0;
  z-index: inherit;
  border-radius: 0; }

.uporzadkuj .question-piece {
  background-color: #d4d6d8;
  color: #363a3e;
  cursor: pointer;
  z-index: 2; }
.uporzadkuj .question-piece.disabled {
  background-color: #eee;
  color: #d4d6d8; }
.uporzadkuj .lista {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: answer; }
  .uporzadkuj .lista li {
    counter-increment: answer;
    padding-right: 3em;
    background-image: url("/static/img/ornaments/draggable.c03941f77eb9.png");
    background-repeat: no-repeat;
    background-position: 100% 50%; }
  .uporzadkuj .lista li:before {
    border-radius: 0.6875em;
    padding: 0.5em 0.6875em;
    background-color: #d4d6d8;
    color: #363a3e;
    cursor: pointer;
    z-index: 2;
    content: counter(answer);
    float: left;
    margin: -.5em 0 0 -3em; }
  .uporzadkuj .lista li.ui-sortable-placeholder {
    counter-increment: answer 0; }
  .uporzadkuj .lista li.ui-sortable-helper:before {
    content: none; }

.przyporzadkuj .question-piece {
  background-color: #d4d6d8;
  color: #363a3e;
  cursor: pointer;
  z-index: 2;
  width: 38.625em; }
.przyporzadkuj .question-piece.short {
  display: inline-block;
  margin: .2em .1em;
  width: auto; }
.przyporzadkuj span.question-piece {
  display: inline-block;
  margin: .1em;
  width: auto; }
.przyporzadkuj .question-piece.disabled {
  background-color: #eee;
  color: #d4d6d8; }
.przyporzadkuj .predicate {
  list-style: none;
  margin: 0;
  padding: 0; }
  .przyporzadkuj .predicate > li {
    border-radius: 0.6875em;
    padding: 0.5em 0.6875em;
    display: inline-block;
    background-color: #5e6165;
    color: white;
    width: 11.75em;
    position: relative;
    vertical-align: top; }
    .przyporzadkuj .predicate > li .subjects {
      list-style: none;
      margin: 0;
      padding: 0;
      min-height: 2.8125em;
      position: relative;
      margin: 0.5em -0.6875em -0.5em -0.6875em;
      padding: 0.5em 0.6875em; }
      .przyporzadkuj .predicate > li .subjects li {
        width: auto; }
      .przyporzadkuj .predicate > li .subjects .placeholder {
        border-radius: 0.6875em;
        padding: 0.5em 0.6875em;
        text-align: right;
        position: relative;
        padding: 0.5em 0.6875em;
        margin: 0 -0.6875em; }
      .przyporzadkuj .predicate > li .subjects .multiple {
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0; }
      .przyporzadkuj .predicate > li .subjects .placeholder.dragover {
        z-index: 1; }
      .przyporzadkuj .predicate > li .subjects .placeholder:after {
        content: "upuść tutaj";
        text-style: italic; }
.przyporzadkuj .subject {
  list-style: none;
  margin: 0;
  padding: 0; }

.prawdafalsz .question li.question-piece {
  position: relative;
  padding-left: 11em; }
.prawdafalsz .question .buttons {
  margin-top: 0;
  top: 0;
  left: 0;
  position: absolute;
  background-color: #d4d6d8;
  color: #363a3e;
  display: inline-block; }
  .prawdafalsz .question .buttons a {
    color: #363a3e;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    padding: 0 0.6875em; }
  .prawdafalsz .question .buttons a.chosen {
    background: #ed7831;
    color: white; }

.wybor .question .lista {
  list-style: none;
  padding: 0; }
  .wybor .question .lista li {
    margin: 0; }

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url("../jquery/colorbox/images/overlay.790376e15a03.png") repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url("../jquery/colorbox/images/controls.b68b9ecaae42.png") no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url("../jquery/colorbox/images/controls.b68b9ecaae42.png") no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url("../jquery/colorbox/images/controls.b68b9ecaae42.png") no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url("../jquery/colorbox/images/controls.b68b9ecaae42.png") no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url("../jquery/colorbox/images/controls.b68b9ecaae42.png") left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url("../jquery/colorbox/images/controls.b68b9ecaae42.png") right top repeat-y;}
    #cboxTopCenter{height:21px; background:url("../jquery/colorbox/images/border.7ca8a1d2eb07.png") 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url("../jquery/colorbox/images/border.7ca8a1d2eb07.png") 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url("../jquery/colorbox/images/loading_background.acf427e932fb.png") no-repeat center center;}
        #cboxLoadingGraphic{background:url("../jquery/colorbox/images/loading.e6611f867d63.gif") no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url("../jquery/colorbox/images/controls.b68b9ecaae42.png") no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url("../jquery/colorbox/images/controls.b68b9ecaae42.png") no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url("../jquery/colorbox/images/controls.b68b9ecaae42.png") no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url("../jquery/colorbox/images/ie6/borderTopLeft.bf4949b95b09.png");}
.cboxIE6 #cboxTopCenter{background:url("../jquery/colorbox/images/ie6/borderTopCenter.01ecb0184127.png");}
.cboxIE6 #cboxTopRight{background:url("../jquery/colorbox/images/ie6/borderTopRight.51315fa19507.png");}
.cboxIE6 #cboxBottomLeft{background:url("../jquery/colorbox/images/ie6/borderBottomLeft.7ceeb01563f0.png");}
.cboxIE6 #cboxBottomCenter{background:url("../jquery/colorbox/images/ie6/borderBottomCenter.1936585831e8.png");}
.cboxIE6 #cboxBottomRight{background:url("../jquery/colorbox/images/ie6/borderBottomRight.297fb7744087.png");}
.cboxIE6 #cboxMiddleLeft{background:url("../jquery/colorbox/images/ie6/borderMiddleLeft.64df0244eeaa.png");}
.cboxIE6 #cboxMiddleRight{background:url("../jquery/colorbox/images/ie6/borderMiddleRight.9fa458eaaa35.png");}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

#annoy-on {
    font-size: 13px;
    line-height: 1.15em;

    padding: .1em 1em;
    background: orange;
    z-index: 200;
    font-family: Arial, sans-serif;
    display: block;
    padding: 0 1em;
    width: 1em;
    text-align:center;
    border-radius: 0 0 0 1em;
    position: absolute;
    top: 0;
    right: 0;
    color: black;
    box-shadow: .5em 0 1em black;
}

#annoy {
    font-size: 13px;
    line-height: 1.15em;
    padding: 1em 5em 1em 0;
    display: none;
    background: orange;
    font-family: Arial, sans-serif;
    position: relative;
    z-index: 200;
    box-shadow: 0 0 1em black;
}
#annoy p {
    margin: 0 0 0 10em;;
}
#annoy a {
    color: #4E56C8;
}
#annoy img {
    float: left;
    margin: 0 2em;
}

#annoy a#annoy-off {
    padding: .5em 1em .5em;
    width: 1em;
    text-align:center;
    font-family: Arial, sans-serif;
    display: block;

    border-radius: 0 0 0 1em;
    position: absolute;
    top: 0;
    right: 0;
    color: black;
}
#annoy a#annoy-off:hover {
    cursor: pointer;
}