/* Welcome to Compass. Use this file to define print styles. Import this file using the following HTML or equivalent: <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */


#ck_fu {
	color: white;
	font-size: 13px;
	padding: 5px 0;
	margin: 0;
	text-align: center;
	font-family: Helvetica, sans-serif;
	width: 100%;
/*  position: absolute;
  top: 0;
  left: 0;*/
	line-height: 1em;
}
#ck_fu a {
	color: white;
}
.staging {
	background: blue;
}
.development {
	background: green;
}
.production {
	background: red;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#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; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #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;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}



.dialog {
  display: none; }

body {
  background-color: #ededed;
  margin: 0px;
  font-family: arial;
  font-size: 12px; }

.container {
  background-color: white;
  margin-bottom: 100px; }

a {
  color: #f16c00;
  text-decoration: none; }

a:hover {
  color: black; }

.ac_results {
  position: absolute;
  width: 600px;
  top: 333px;
  display: none;
  left: 178px;
  background-color: white;
  border-width: 0 2px 2px 2px;
  border: 2px solid #f16c00;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px; }
  .ac_results ul {
    max-height: 180px;
    overflow: auto;
    color: #333333;
    margin: 0px; }
    .ac_results ul li {
      list-style-type: none;
      padding: 5px 0px 5px 20px; }
      .ac_results ul li .icon {
        padding-right: 10px;
        float: "right"; }
    .ac_results ul li.ac_even {
      background-color: #fce2cc; }
      .ac_results ul li.ac_even:hover {
        background-color: #fbd3b2;
        color: #eeeeee;
        font-weight: bold;
        cursor: pointer; }
    .ac_results ul li.ac_odd {
      background-color: #fef0e5; }
      .ac_results ul li.ac_odd:hover {
        background-color: #fbd3b2;
        color: #eeeeee;
        font-weight: bold;
        cursor: pointer; }

#header {
  background: url(../images/header-image.jpg) no-repeat;
  font-size: 14px;
  font-weight: bold; }
  #header #top-navigatie {
    margin-top: 8px; }
    #header #top-navigatie .menu-item {
      float: left;
      margin-right: 10px;
      margin-left: 10px;
      font-size: 14px; }
  #header #user-greetings {
    margin-top: 5px;
    margin-right: 20px;
    color: white;
    float: right;
    text-align: right; }
  #header a {
    color: white;
    text-decoration: none; }
    #header a:hover {
      color: black; }
  #header #logo-holder {
    height: 210px; }
    #header #logo-holder a#logo_initiatief {
      position: relative;
      top: 30px; }
    #header #logo-holder a#logo_burgerweeshuis {
      position: relative;
      float: right;
      top: 120px;
      right: 10px; }
  #header #bottom-bar {
    background-color: #f16c00;
    padding: 8px 0px 10px 0px;
    color: white;
    display: block;
    height: 20px; }
    #header #bottom-bar #slogan {
      padding-left: 10px; }
      #header #bottom-bar #slogan .icon {
        margin-right: 5px; }
    #header #bottom-bar #share {
      text-align: right; }
      #header #bottom-bar #share .buttons {
        margin-right: 10px; }

#left-col {
  padding: 20px; }
  #left-col #search-add {
    width: 660px;
    margin-bottom: 20px; }
    #left-col #search-add form input.autocomplete {
      font-size: 14px;
      padding: 5px;
      border: 2px solid #f16c00;
      border-top-left-radius: 4px;
      -moz-border-radius-topleft: 4px;
      -webkit-border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
      -moz-border-radius-bottomleft: 4px;
      -webkit-border-bottom-left-radius: 4px;
      float: left;
      margin-right: 0px;
      border-color: #F16C00;
      border-style: "solid" none "solid" "solid";
      border-width: 2px 1px 2px 2px;
      padding: 5px;
      width: 593px; }
    #left-col #search-add form input.ui-button {
      color: #333;
      font-weight: bold;
      border-top-left-radius: 0px;
      -moz-border-radius-topleft: 0px;
      -webkit-border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
      -moz-border-radius-bottomleft: 0px;
      -webkit-border-bottom-left-radius: 0px;
      border-color: #F16C00;
      border-width: 2px 2px 2px 0;
      float: "left";
      margin-left: 0px;
      height: 31px;
      margin-top: 7px;
      padding: 6px; }
    #left-col #search-add form input.ui-button:hover {
      background-color: #f16c00;
      cursor: pointer; }
  #left-col #highlight, #left-col .non_vote {
    border: solid 1px #f16c00;
    padding: 10px;
    background-color: #fce2cc;
    margin-bottom: 20px; }
    #left-col #highlight #toggle_hide, #left-col .non_vote #toggle_hide {
      float: right;
      margin-right: -5px;
      margin-top: -5px; }
      #left-col #highlight #toggle_hide:link, #left-col .non_vote #toggle_hide:link {
        color: black; }
    #left-col #highlight ul, #left-col .non_vote ul {
      margin-bottom: 0px; }
    #left-col #highlight h4, #left-col .non_vote h4 {
      font-weight: bold;
      margin-bottom: 5px; }
  #left-col #toggle_show {
    position: absolute;
    margin-left: -12px;
    margin-top: 5px; }
  #left-col #tab-menu {
    background: url(../images/pixel.jpg) repeat-x 0 36px;
    height: 37px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 615px;
    padding-left: 35px; }
    #left-col #tab-menu li {
      background-image: url(../images/tab-inactive.jpg);
      padding-top: 8px;
      float: left;
      width: 178px;
      margin-right: 5px;
      list-style-type: none;
      text-align: center;
      height: 29px; }
      #left-col #tab-menu li a {
        color: #333333;
        font-weight: bold;
        text-decoration: none;
        font-size: 14px; }
        #left-col #tab-menu li a .icon {
          margin-right: 5px; }
    #left-col #tab-menu li.active {
      background-image: url(../images/tab-active.jpg); }
      #left-col #tab-menu li.active a {
        color: #f16c00;
        font-weight: bold;
        text-decoration: none;
        font-size: 14px; }
    #left-col #tab-menu li.first {
      margin-left: 20px; }
  #left-col .artist_table {
    width: 650px;
    color: #333333; }
    #left-col .artist_table th {
      padding: 7px 0px 7px 5px; }
      #left-col .artist_table th.first {
        padding-left: 10px;
        width: 100px; }
    #left-col .artist_table tr {
      padding: 7px 0px 7px 20px;
      background-color: #fce2cc; }
      #left-col .artist_table tr td.artist a {
        color: #333333;
        text-decoration: none; }
    #left-col .artist_table tr.odd {
      background-color: #fef0e5; }
    #left-col .artist_table tr.even {
      background-color: #fce2cc; }
    #left-col .artist_table tr:hover {
      background-color: #fbd3b2; }
    #left-col .artist_table tr IMG {
      margin-bottom: -3px; }
    #left-col .artist_table .lastline {
      background-color: #fff;
      border-top: 1px #f16c00 solid; }
    #left-col .artist_table .firstline {
      background-color: #fff;
      border-bottom: 1px #f16c00 solid; }
    #left-col .artist_table .pagination {
      margin: auto;
      width: 100%;
      text-align: center;
      color: #f8b57f;
      font-size: 13px; }
      #left-col .artist_table .pagination a {
        color: #f8b57f;
        text-decoration: none; }
      #left-col .artist_table .pagination a:hover {
        color: #f16c00; }
      #left-col .artist_table .pagination .current {
        color: #f16c00; }
    #left-col .artist_table tr td.vote_count {
      padding-left: 10px; }
  #left-col .orangebox {
    background-color: #fef0e5;
    width: 610px;
    padding: 15px 20px 10px 20px;
    border: 1px solid #f16c00;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 14px; }
    #left-col .orangebox h4, #left-col .orangebox h3 {
      margin-bottom: 10px; }
    #left-col .orangebox span {
      color: #f16c00;
      font-weight: bold; }
    #left-col .orangebox .buttons {
      text-align: center;
      margin-top: 20px; }
      #left-col .orangebox .buttons input {
        font-weight: bold;
        font-size: 14px;
        margin: 2px;
        padding: 4px 10px;
        color: #f16c00;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background-color: #fce2cc;
        border: 1px solid #f16c00;
        min-width: 20px; }
        #left-col .orangebox .buttons input:hover {
          background-color: #f16c00;
          color: white; }
      #left-col .orangebox .buttons a {
        font-weight: bold;
        font-size: 14px;
        margin: 2px;
        padding: 6px 10px;
        color: #f16c00;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background-color: #fce2cc;
        border: 1px solid #f16c00;
        min-width: 20px; }
        #left-col .orangebox .buttons a:hover {
          background-color: #f16c00;
          color: white; }
    #left-col .orangebox .left {
      text-align: left; }
    #left-col .orangebox .generic input[type=text], #left-col .orangebox .generic input[type=password] {
      padding: 5px;
      border-radius: 4px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px; }

#right-col .small-list {
  margin-top: 20px;
  margin-left: 20px;
  color: #333333; }
  #right-col .small-list ul {
    border-top: 1px #f16c00 solid;
    border-bottom: 1px #f16c00 solid;
    margin-left: 0px;
    margin-top: 3px;
    width: 235px; }
  #right-col .small-list li {
    list-style-type: none;
    padding: 5px 0px 5px 20px; }
    #right-col .small-list li .icon {
      padding-right: 10px;
      float: "right"; }
  #right-col .small-list li.even {
    background-color: #fce2cc; }
    #right-col .small-list li.even:hover {
      background-color: #fbd3b2; }
  #right-col .small-list li.odd {
    background-color: #fef0e5; }
    #right-col .small-list li.odd:hover {
      background-color: #fbd3b2; }
  #right-col .small-list li a {
    text-decoration: none;
    color: #000; }
  #right-col .small-list li a.icon {
    float: "right"; }
  #right-col .small-list .title {
    color: #f16c00;
    font-weight: bold;
    margin-left: 20px;
    font-size: 14px; }
    #right-col .small-list .title .icon {
      margin-right: 5px; }
#right-col #twtr-widget-1 {
  margin-bottom: 30px; }

#footer .footer-content {
  border-top: 1px #f16c00 solid;
  margin: 0px 20px 0px 17px; }
  #footer .footer-content #copyright {
    padding: 10px 10px 10px 0px; }
    #footer .footer-content #copyright a {
      color: #f16c00;
      font-weight: bold;
      text-decoration: none; }
    #footer .footer-content #copyright a:hover {
      text-decoration: underline; }
  #footer .footer-content #twitter {
    padding: 10px 0px 0px 0px;
    text-align: right; }
    #footer .footer-content #twitter img.icon {
      margin-right: 5px; }
    #footer .footer-content #twitter a {
      color: #f16c00;
      font-weight: bold;
      text-decoration: none; }
    #footer .footer-content #twitter a:hover {
      text-decoration: underline; }

#artist-info-left .thumb {
  padding: 5px;
  border: 1px solid #fce2cc; }
#artist-info-left .ui-button {
  padding: 2px 5px 2px 5px; }
#artist-info-left .social_links ul {
  margin-top: 30px; }
  #artist-info-left .social_links ul li {
    list-style-type: none;
    margin: 5px 0 5px 0px; }

#artist-info-main .vote {
  position: absolute;
  margin: 2px 0 0 393px; }
  #artist-info-main .vote .ui-button {
    font-size: 14px;
    padding: 5px 10px 5px 10px; }
#artist-info-main .simular-artists {
  margin: 0; }
#artist-info-main .ui-button {
  padding: 0 5px 0 5px;
  margin: 2px; }
#artist-info-main h4 {
  margin: 10px 0 10px 0; }
#artist-info-main .underline {
  margin: 20px 0 20px 0; }

.dialog form label {
  width: 270px;
  margin-bottom: 10px;
  margin-top: 10px; }
.dialog input {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 3px;
  width: 270px;
  margin-bottom: 10px; }
  .dialog input[type=checkbox] {
    width: 14px;
    margin-bottom: 10px;
    top: 0px; }

#dialog-logout {
  overflow: hidden; }
  #dialog-logout p {
    margin-top: 10px; }

IMG.icon {
  margin-bottom: -3px; }

.link {
  font: 12px;
  font-weight: bold;
  cursor: pointer;
  cursor: hand; }

.alphabet_pagination {
  display: table;
  list-style-type: none;
  width: 100%;
  margin: 0px auto; }
  .alphabet_pagination li {
    padding: 3px;
    margin: 3px;
    float: left;
    color: #f16c00; }
    .alphabet_pagination li a.current {
      color: black; }

a.big_btn, input[type=submit] {
  color: #333;
  font-weight: bold;
  border-color: #F16C00;
  border-width: 1px;
  float: "left";
  background-color: #f16c00;
  border-style: outset; }
  a.big_btn:hover, input[type=submit]:hover {
    border-style: inset;
    cursor: pointer;
    color: white; }

input[type=submit] {
  font-size: 1em;
  cursor: pointer;
  cursor: hand; }

a.big_btn {
  padding: 3px 5px; }

input[type=submit][disabled], input[disabled="disabled"] {
  background-color: #ddd; }

ul.exchange_votes {
  float: left;
  width: 290px;
  display: block;
  clear: both;
  margin: 0px;
  padding: 0px; }
  ul.exchange_votes li {
    background-color: #fff;
    margin-top: 5px;
    padding: 4px;
    padding-bottom: 1px;
    padding-right: 0px;
    border: 1px solid #d8762d;
    color: black;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    height: 21px;
    list-style-type: none; }
    ul.exchange_votes li a {
      height: 20px;
      float: right;
      margin-top: -5px;
      margin-right: -2px; }

#refuse_exchange_votes {
  height: 30px;
  padding-top: 43px; }
  #refuse_exchange_votes a {
    margin-left: 10px; }

table.generic {
  color: #333333; }
  table.generic th {
    color: #f16c00;
    padding: 7px 0px 7px 5px; }
    table.generic th.first {
      padding-left: 10px;
      width: 100px; }
  table.generic tr {
    padding: 7px 0px 7px 20px; }
    table.generic tr td.label label {
      float: right; }
    table.generic tr td.artist a {
      color: #333333;
      text-decoration: none; }
  table.generic tr.odd {
    background-color: #fef0e5; }
  table.generic tr.even {
    background-color: #fce2cc; }

td.required {
  font-size: 2em;
  color: red;
  margin: 0px;
  padding: 0px; }

.blog_entry {
  border-top: 1px solid #f16c00;
  padding-top: 1em;
  margin-top: 1em; }
  .blog_entry span.blog_date {
    font-size: .6em; }
  .blog_entry .blog_creator {
    float: right;
    margin-right: 2em;
    font-style: italic;
    font-size: .8em; }