/******************/
/* GENERAL/MISC   */
/******************/
.narrowbox{
  width: 550px;
  margin: 0 auto;
  text-align: left;
}
.mediumbox{
  width: 850px;
  margin: 0 auto;
  text-align: left;
}
.narrowbox p { text-align: left; }

.informal{
  font-size: 0.8em;
  line-height: 0.5em;
}
.informal strong{
  font-weight: bold;
  font-size: 1.1em;
}

.search-hl{
  font-weight: bold;
  font-size: 0.95em;
}

iframe.hidden{
  width: 0;
  height: 0;
  border: none;
  margin: 0;
  padding: 0;
  visibility: hidden;
}


/******************/
/* FLASH MESSAGES */
/******************/


.flash-area{
  text-align: center;
  margin-bottom: 10px;
}

.flash-area h2{
  font-size: 1.3em;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.flash-area p{
  text-align: center;
  margin: 0.8em 0;
}

.notice,.error,.success{
  border: none;
  padding: 5px;
  margin: 5px;
}

/******************/
/* PAGERS         */
/******************/


.pager{
  clear: both;
  text-align: center;
}

.pager-pages{
  display: inline;
}

.pager-pages strong{
  padding: 0 4px;
  border: 1px solid;
  color: #33a;
  display: inline-block;
  margin-bottom: 3px;
}

.pager-pages a{
  padding: 0 3px;
  border: 1px solid;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 3px;
}

.pager-pages a:hover{
}

.pager-viewmore, .viewmore-button{
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
  margin: 5px 5px 10px 0;
}

.pager a.hidden{
  visibility: hidden;
}

.pager a.pager-l, .pager a.pager-r{
  display: block;
  padding: 0 5px;
}

.pager a.pager-l{
  float: left;
}

.pager a.pager-r{
  float: right;
}

/******************/
/* IMAGEGEN       */
/******************/
.ig_linked {  text-align: center; }

/******************/
/* BADGES         */
/******************/

#badges{
  text-align: center;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
#badges ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.badge-content{
  margin: 5px;
  background-color: #FFDDCC;
  padding: 5px;
}

/******************/
/* ATTACHMENTS    */
/******************/

.attachment{
  background-color: #CCCCCC;
  margin: 5px 0px 5px 10px;
  width: 380px;
  padding: 5px;
  float: left;
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.attachment-top{
  background-color: #DDDDDD;
  padding: 5px;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.attachment-icon{
    float: left;
    padding-right: 5px;
}
.attachment-info{
  margin-left: 55px;
  text-align: left;
  font-size: 0.7em;
}
.attachment-info a.filename{
  text-decoration: none;
  font-size: 1.2em;
  padding-right: 5px;
}
.attachment-info a.filename:hover{
  text-decoration: underline;
}

/**********/
/* TABLES */
/**********/

table.datatable{
  border-collapse: separate;
  width: 100%;
}
table.datatable td{
  border-bottom: 1px solid;
  padding: 2px 5px;
  text-align: left;
}
table.datatable tr.datatable-noborder td {
  border-bottom: none;
}
table.datatable th{
  padding: 5px;
  border-bottom: 2px solid;
  margin: 5px;
  text-align: left;
}
table.datatable th.center, table.datatable td.center  { text-align: center; }
table.datatable td.total { border-top: 2px solid #000; border-bottom: none; font-weight: bold;}
table.rostertable {
  border-collapse: collapse;
  width: auto;
  margin: 0px auto;
}
table.rostertable th{
  text-align: center;
  border-bottom: 2px solid;
}
table.rostertable td{
  border: 1px solid #888;
  padding: 2px 8px;
  margin: 5px;
  text-align: left;
}

table.carttable{
  border-collapse: separate;
  width: 100%;
}
table.carttable td{
  border-bottom: 2px solid;
  border-right: 2px solid;
  padding: 2px 5px;
  text-align: center;
}
table.carttable th{
  padding: 2px;
  margin: 2px;
  border-right: 2px solid;
  text-align: center;
}
table.carttable td.total{
  border: 2px solid;
}
table.carttable td.variation{
  padding: 0 5px;
  font-size: 0.8em;
  font-weight: bold;
}

table.hostingtable{
    margin: 0 auto;
}
table.hostingtable td{
  border-bottom: 1px solid;
  border-right: 1px solid;
  padding: 2px 5px;
  text-align: center;
  font-weight: bold;
}
table.hostingtable th{
  padding: 5px;
  border-bottom: 2px solid;
  margin: 5px;
  text-align: center;
  font-size: 0.8em;
  border-right: 1px solid;
}
table.hostingtable td.feature{
  text-align: right;
  border-left: 1px solid;
}
table.hostingtable td.selectedplan{
  background-color: #EFAB86;
  color: #222;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #DF8452;
  border-bottom: none;
}
/*
 * LINKS LIST
 *
 */
#links-grid-area{
    text-align: center;
    margin-top: 25px;
}

#links-grid-area ul{
  padding: 0;
  text-align: center;
  margin: 10px auto;
  width: 600px;
  list-style: none;
}
.links-grid-text a{
   text-decoration: none;
}
.links-grid-text a:hover{
   text-decoration: underline;
}
.links-grid-text span{
    line-height: 0.8em;
    font-weight: normal;
}
#links-grid-area ul li{
  width: 280px;
  padding: 5px;
  margin: 0 4px 4px 0;
  float: left;
  text-align: left;
}
.links-grid-image{
  float: left;
  width: 115px;
  height: 85px;
}
.links-grid-text{
  float: right;
  width: 150px;
  padding-top: 10px;
  font-weight: bold;
}

ul#links-categories{
  text-align: center;
  margin: 10px auto;
  width: 450px;
  margin-bottom: 25px;
  list-style: none;
}

#links-categories li{
  display: block;
  width: 200px;
  margin: 0 4px 4px 0;
  float: left;
}
#links-categories li a{
  padding: 5px;
  text-align: center;
  display: block;
}

.rounded2        { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.rounded2-top    { -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; }
.rounded2-bottom { -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; }
.rounded2-left   { -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; }
.rounded2-right  { -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; }


.rounded5        { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.rounded5-top    { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.rounded5-bottom { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.rounded5-left   { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
.rounded5-right  { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
.rounded20 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.dropshadow_br_5, .juror_item_image img, .jurywin-image a img{ 
      -webkit-box-shadow: rgba(0, 0, 0, 0.228438) 3px 3px 3px;
      -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.228438);
      box-shadow: 3px 3px 4px #bbb !important;
      /* For IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";
      /* For IE 5.5 - 7 */
      filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000');
}
.jurywin-vote {
      -webkit-box-shadow: rgba(0, 0, 0, 0.228438) 0px 0px 8px;
      -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.228438);
      box-shadow: 0px 0px 8px #bbb !important;
      /* For IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";
      /* For IE 5.5 - 7 */
      filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000');
}

.jury-description {
    background-color: #555; color: #fff; text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 14px; padding-top: 5px;
}
.jury-label-top { 
    background-color: #4861e1; font-family: Helvetica, Arial, sans-serif; font-size: 14px; text-align: center; 
    color: #fafafa; padding: 5px; font-weight: bold; margin-left: 10px;
}
.jury-label-bottom { 
    background-color: #e0e0e0; padding: 8px; color: #333; height: 30px; text-align: center; margin-left: 10px; font-size: 14px; 
}
.jury-infopane {
    position:absolute; top: 50%; left: 50%; width: 600px; height: 500px; margin: -300px 0 0 -300px; background-color: #fff; border: 2px solid #ddd; padding: 20px; text-align: left; font-size: 14px;
}

.jury-infopane h1 { text-align: center; font-size: 20px; }
.jury-infopane h2 { text-align: left; margin-bottom: 10px; margin-top: 20px; font-size: 18px; }
.jury_award_description { border: 1px solid #ccf; background-color: #f2f2ff; margin: 1em; padding: 1em; }
#confirmed_section, #unvoted_section, #unconfirmed_section, #shortlist_section, #juryintro_section { border: 6px solid #AAAAAA; background-color: #fff; padding: 20px; text-align: left; position:relative;}
.juror_items_list_empty_container { position: relative; }
.juror_items_list_empty {border: 5px dashed #ddd; }
#confirmed_items, #unconfirmed_items, #shortlist_items, #unvoted_items { min-height: 200px; }
#juryintro_section { width: 880px; margin: 0 auto; margin-top: 20px; }
#juryintro_section ul { float: left; width: 580px; margin-bottom: 0; text-align: left;}
#juryintro_section.only_confirmed ul { margin-top: 40px; list-style: none;  }
#juryintro_section .buttons {float: left; width: 220px; border-left: 1px solid #666; padding-top: 5px; padding-left: 30px; min-height: 130px; }
#juryintro_section.only_confirmed .buttons { min-height: 120px; }
#juryintro_section .buttons button { width: 220px; text-align: center; margin-top: 20px; font-size: 0.9em; font-weight: normal;}
button.disabled { background-color: #ddd; color: #999; border: #999; }
button.disabled:hover { background-color: #ddd; }
#confirmed_section, #unvoted_section, #unconfirmed_section, #shortlist_section { margin: 20px; }
#confirmed_empty, #shortlist_empty, #unvoted_empty, #unvoted_reminder, #unconfirmed_empty { position: absolute; left: 50%; top: 30px; width: 600px; margin: 10px 0 0 -300px; text-align: center; padding: 20px; background-color: #FFE; border:1px solid #FD8;}
#unvoted_reminder { background-color: #FFD; color: #817134; border: 1px solid #FD8; }
.juror_item { display: inline-block; margin: 10px; text-align: center; padding: 8px; border: 1px solid #ffffff; cursor: pointer;}
.juror_item:hover { background-color: #efefef; border-color: #dfdfdf; }
.juror_item_image { text-align: center; vertical-align: middle; }
.juror_item_image img {border: 1px solid #bbbbbb; padding: 5px; background-color: #ffffff;}
.juror_item_rating { text-align: center; padding: 3px; font-size: 0.8em; font-style: italic; font-weight: bold; }
.juror_item_highlight { display: inline-block; padding: 0; margin: -2px 18px; background-color: #efe; border: 1px solid #6c6; position: relative;}
.juror_item_highlight_bad { background-color: #fee; border: 1px solid #cc6;}
.juror_item_highlight_bad:after { content: "Cannot rank item: \A\A Maximum ranked items reached."; display: block; position: absolute; top: 25%; width: 90%; left: 5%; height: 50%; font-weight: bold; color: #900; text-align: center;}
.jurywin-vote .unrated,  .juror_item_rating .unrated  { background-color: #dddddd; color: #aaa; border: 1px solid #ffffff; }
.jurywin-vote .regular,  .juror_item_rating .regular  { background-color: #e0e0e0; color: #999; border: 1px solid #ffffff; }
.jurywin-vote .negative, .juror_item_rating .negative { background-color: #FEE; color: #D12F19; border: 1px solid #FCC; }
.jurywin-vote .neutral,  .juror_item_rating .neutral  { background-color: #FFD; color: #817134; border: 1px solid #FD8; }
.jurywin-vote .positive, .juror_item_rating .positive { background-color: #EFD; color: #529214; border: 1px solid #DEA; }

.jurywin-vote .unrated, .jurywin-vote .neutral, .jurywin-vote .negative, .jurywin-vote .positive { display: inline; padding: 3px 8px; }

#jury_votebox {
    display: none;
    z-index: 20;
    background-color: #BBB;
    border: 3px solid #666;
    -webkit-box-shadow: 0 0 40px #000;
    -moz-box-shadow: 0 0 40px 5px #000;
    box-shadow: 0 0 40px #000;
}
#jury_votebox .closearea{
    background-color: #666;
    position:  absolute;
    right: 5px;
    top:0;
    cursor:pointer;
    height:20px;
}
#jury_votebox .closearea:hover, #jury_votebox .closearea:hover .textclose { background-color: #aa6666; color: #fff;}
#jury_votebox .closearea .lclose { 
    float: left; width: 5px; background-color: #BBB; height: 20px;
    -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0;  
}
#jury_votebox .closearea .rclose { 
    float: left; width: 5px; background-color: #BBB; height: 20px;
    -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0;  
}
#jury_votebox .closearea .textclose-bg {
    background-color: #BBB; float: left;
}
#jury_votebox .closearea .textclose {
    font-size: 0.8em; padding: 3px 10px; 
    background-color: #666; color: #ccc; font-weight: bold;
    -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;  
    height: 15px;
}
#jury_votebox .closearea .textclose span { font-size: 1.2em; text-shadow: 1px 1px 1px #333; padding-right: 5px;}

#jury_votebox .error { margin: 20px; margin-top: 250px;}
#jury_votebox .content { width: 100%; height: 100%; position: absolute; display: none; background-color: #ddd; }
#jury_votebox .loading { width: 150px; height: 150px; position: absolute; top: 50%; left: 50%; margin-left: -75px; margin-top: -120px; text-align: center; 
    font-size: 0.9em; font-style: italic; color: #999; line-height: 20px;}

.jurywin-title { }
.jurywin-image { padding-top: 15px; margin: 20px; display: table-cell; vertical-align: middle; text-align: center;}
.jurywin-image a { display: block; cursor: default; }
.jurywin-image img { border: 1px solid #bbbbbb; padding: 5px; background-color: #ffffff;} 
.jurywin-description { 
    padding: 5px; text-align: center;
    text-shadow: 1px 1px 1px #ffffff; 
    font-size: 0.8em; background-color: #BBB; 
}
.jurywin-description table { width: auto; margin: 0 auto; height: 30px; }
.jurywin-description .title   { font-weight: bold; font-size: 1.3em; padding-right: 20px; }
.jurywin-description .details { text-align: left; vertical-align: middle; line-height: 14px; }
.jurywin-rating {  width: 100%; height: 75px; position: absolute; bottom: 0; text-align: center; }
.jurywin-hoverdesc { 
    position: absolute; height: 15px; width: 100%; top: -8px; text-align: center; 
    color: #883333; font-style: italic; font-size: 0.8em; 
    text-shadow: 0px 1px 1px #ddd; 
}
.jurywin-separator { height: 1px; background-color: #AAA; border-bottom: 1px solid #DDD; }
.jurywin-prev, .jurywin-next { 
    position: absolute; height: 40px; width: 120px; bottom: 0; text-align: center; padding-top: 10px; 
    background-color: #bbb; border-top: 1px solid #999;
}
.jurywin-actions { position: absolute; bottom: 0; width: 100%; height: 40px; text-align: center; padding-top: 10px; background-color: #bbb; border-top: 1px solid #999; }
.jurywin-download { margin-top: 10px; }
.jurywin-prev { left: 0; }
.jurywin-next { right: 0; } 
.jurywin-prev button, .jurywin-next button { font-size: 0.8em; font-weight: normal; display: inline-block; width: 100px; margin-left: 10px; }
.jurywin-vote { position: absolute; left: 120px; right: 120px; height: 55px; bottom: 0; padding-top: 5px;  background-color: #dadada; border: 1px solid #bbb; }
.jurywin-vote .wrap { width: 510px; margin: 0px auto; }
.jurywin-vote button.selected { background-color: #7777dd; color: #fff; border: 3px solid #000; }

.jurywin-feedbacked { height: 155px; }

.jurywin-imageselector { background-color: #cfcfcf; padding-top: 10px; border-bottom: 1px solid #999;}
.jurywin-imageselector-tab, .jurywin-imageselector-tab-empty { float: left; background-color: #aaaaaa; padding: 4px; margin-left: 6px; border: 1px solid #999; font-size: 0.8em; text-shadow: 1px 1px 1px #aaaaaa; text-align: center; width: 80px; border-bottom: none;}
.jurywin-imageselector-tab { cursor: pointer;}
.jurywin-imageselector-tab.active {background-color: #DDD; margin-bottom: -1px; border-bottom: 1px solid #DDD; cursor: default;}
.jurywin-imageselector-tab-empty { background-color: #ccc; color: #888; border-color: #888; }
.jurywin-images-container { position: relative; }
.jurywin-image-container { position: absolute; }

.jurywin-longdesc {font-size: 0.8em; text-shadow: 1px 1px 1px #ffffff; background-color: #cfcfcf; padding: 5px; }
.jurywin-longdesc p { min-width: 600px; text-align: center; margin: 0 50px; }

.jurycats-header, .jurycats-item {display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1fr; align-items: stretch;}
.jurycats-header { align-items: end; }

.jurycats-item { clear: both; margin-top: 5px; cursor: pointer;  }
.jurycats-item div { background-color: #dfdfdf; border: 1px solid #aaa; text-align: center; padding: 8px; border-right: none;}
.jurycats-item div.rounded5-left { text-align: left; }
.jurycats-item div.rounded5-right { text-align: left; border-right: 1px solid #aaa; }
.jurycats-item div.completed { text-align: left; background: #cceecc url(/icon/silk/tick.png) no-repeat center center;}
.jurycats-item div.incomplete { text-align: left; background: #eecccc url(/icon/silk/cross.png) no-repeat center center;}

.jurycats-header div { font-weight: bold; text-align: center; font-size: 0.9em; padding: 8px; }
.jurycats-header div.left { text-align: left; }
.jurycats-header div.right { }