/*

CSS for Terc-IGERT-Poster2011, V.1

Created 02/2011 by ahandadesign.com


----------------------------------------------*/

/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}


/* Basics
-------------------------------------------------------------------------------------------------------*/

/*
max-width: 1310px
min-width: 960px
*/

body {
  margin: 0px auto;
  padding: 0;
  font: normal 62.5%/1.5 Helvetica, Arial, sans-serif;
  background: #333;
  }

td {text-align: left;}  /* For occasional IE6 bug */ 

p {
  margin: 0;
  color: #555;
  font-size: 1.3em;
  line-height: 1.5;
  }

@media (max-width: 880px) {
  p {
    margin: 0;
    color: #555;
    font-size: 1.4em;
    line-height: 1.5;
    }
}
  
/* (almost) mirrored in ../public/stylesheets/responsive.css */
#environment_flag {
  position: absolute;
  z-index: 1000;
  width: 100px;
  padding: 0.1em 0.3em;
  font-size: 2.5em;
  color: red; 
}

#silo_about p {
  margin: 0 0 1em;
  color: #555;
  font-size: 1.5em;
  line-height: 1.5;
  }

#silo_about h3, h4 {
  font-weight: bold;
  font-size: 1.35em;
}

img {
  margin:0; 
  padding:0;
  display: block;
  vertical-align: baseline;
  border: 0; 
  }
    
.main_col ul, 
.main_col ol, 
.third_col ul, 
.main_column ul, 
.main_column ol, 
.third_column ul {
  margin: 1em 40px;
  font-size: 1.4em;
  color: #555;
  }

.main_col ul ol, .main_col ul ol ol, .main_col ul ol ul, .main_col ul ul, .main_col ul ul ol, .main_col ol ol, .main_col ol ol ul, 
.third_col ul ol, .third_col ul ol ol, .third_col ul ol ul, .third_col ul ul, .third_col ul ul ol, .third_col ol ol, .third_col ol ol ul,
.main_column ul ol, .main_column ul ol ol, .main_column ul ol ul, .main_column ul ul, .main_column ul ul ol, .main_column ol ol, .main_column ol ol ul, 
.third_col ul ol, .third_col ul ol ol, .third_col ul ol ul, .third_col ul ul, .third_col ul ul ol, .third_col ol ol, .third_col ol ol ul {
  font-size: 1em;
}

.main_col ul, .main_column ul,
.third_col ul {
  list-style: disc;
  }

.main_col ol, .main_column ol {
  list-style: decimal;
  }

hr {
  display: none;
  }

sup {
  font-size: .8em;
  line-height: 0;
  vertical-align: super;
  }


/* Layout
-------------------------------------------------------------------------------------------------------*/

#content {
  padding-bottom: 2em;
}

#utility,
#client_utility,
#header,
#headersmall,
#content,
.content_grey,
.content_white,
#footer {
  width: 100%;
  float: left;
  /*min-width:1024px; */
  }

#utility {
  padding: 10px 0 10px 0; 
  background: #333;
  }

#header {
  background: #d0d0d0 url(/images/custom/base/header_bg.gif) 0 0 fixed;
  }

#logo {
  margin: 23px 0;
  padding: 0;
  width: 432px;
  height: 58px;
  vertical-align: baseline;
  float: left;
  }

.big_logo {
  height: 100px;
}

.big_logo > div {
    display: table;
    margin-top: 23px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0 0 80px;
    height: 100px;
    color: #000;
    font-family: "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;
    font-size: 2.8em;
    vertical-align: baseline;
    line-height: 1em;
    background: transparent url(/images/custom/base/logo70x70.png) no-repeat;
}

.big_logo a {
    color: #000;
}

.big_logo .main_title {
    font-weight: 900;
    padding-top:15px;
    font-size:1.1em;
}

.content_grey { 
  padding: 20px 0 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e8e8e8;
  background: #f8f8f8;
  }
  
#silo_browse .content_grey {
  min-height: 600px;
  }

.content_white { 
  padding: 20px 0;
  background: #fff; 
  }
  
#footer, .footer {
  padding: 40px 0;
  background: #333;
  }


.responsive_wrap {
  margin: 0 auto;
  padding: 0 20px;
  /*max-width: 131em; */
  max-width: 150em;
}
.wrap {
  margin: 0 auto;
  padding: 0 20px;
  min-width: 96em;
  max-width: 131em;
  }

/* error/confirmation notices */
.error {
  margin: 0 0 1em;
  padding: 10px 10px 10px 32px;
  color: #bd0c0c;
  font-weight: bold;
  font-size: 1.2em;
  background: #eee;
  background: #eee url(/images/layout/icon_exclamation.gif) no-repeat 10px 10px;
  }

.warn {
  margin: 0;
  padding: 10px;
  font-weight: bold;
  font-size: 1.2em;
  background: #eee;
  }

.recaptcha_error {
  display:none;
  }

.info, .notice, .ok { /* For "success" messages - 'notice' and 'ok' are friendlier with Railsisms */
  margin: 0 0 1em;
  padding: 10px 10px 10px 20px;
  color: #4a9c31;
  font-weight: bold;
  background: #eee;
  font-size: 1.2em;
  }

.info a.dismiss, .notice a.dismiss, .ok a.dismiss {
  display:block;
  float:right;
  text-align: right;
  padding: .25em 0.5em;
  color: #4a9c31;
  font-size: 0.9em;
  background: #ddd;
  -webkit-border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  border-radius: 0.4em;
  }

.alert {
  padding-bottom: 5px;
  color: #bd0c0c;
  font-weight: bold;
  font-size: 1em;
}

.clearer {
  clear:both;
}

/* Basic Header Rules
-------------------------------------------------------------------------------------------------------*/
h1, 
h2 {
  margin: 1em 0 0;
  padding: 0;
  font-family: "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  }

h3, h4, h5 {
  margin: 1em 0 0;
  padding: 0;
  }

h1 a, h2 a, h3 a, h4 a, h5 a {
  font-weight: inherit;
  }

h1 {
  font-size: 2em;
  }
  
h2 {
  margin: 0 0 .5em;
  font-size: 1.4em;
  font-weight: 700;
    text-transform: uppercase;
  }
  
h2.presenter {
  margin: 0;
  }
  
h3 {
  margin: 1em 0;
  font-size: 1.2em;
  color: #1da7ca;
  }
  
div.presenter {
  margin: 0;
  color: #555;
  font-size: 1.2em;
  line-height: 1.3;
  /*width:235px;*/
  }
  

/* Link Rules
-------------------------------------------------------------------------------------------------------*/
a {
  text-decoration: none;
  color: #1686af;
  background: transparent;

    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
  }

a:hover {
  color: #000;
  text-decoration: none;
  }

a:active {
  color: #000;
  text-decoration: none;
  }

#client_utility a, #utility a, 
#footer a, .footer a {
  color: #d7d7d7;
  }
  
#client_utility a:hover, #utility a:hover, 
#footer a:hover, .footer a:hover {
  color: #fff;
  text-decoration: underline;
  }
  
/* Keywords */
.kw {
  margin: 1px 0;
  padding: 3px 6px 3px 22px;
  color: #999;
  font-size: .9em;
  font-style: italic;
  display: inline-block;
  background: transparent url(/images/custom/base/icon_kw2.png) no-repeat 4px 4px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  }
  
.post-excerpt {
  margin: 1px 0;
  padding: 3px 6px 3px 6px;
  color: #999;
  font-size: 1em;
  font-style: italic;
  display: inline-block;
  -moz-border-radius: 5px;
  border-radius: 5px;
 }

.post-excerpt p, .post-excerpt ul, .post-excerpt ol, .post-excerpt li {
  color: #999;
  }

.post-excerpt p {
  font-size: 1em;
  }

.post-excerpt ul {
  list-style-type: bullet;
  padding-left: 1.5em;
  }

.post-excerpt ol {
  list-style-type: decimal;
  padding-left: 1.5em;
  }

a.post-excerpt-link {
  padding-bottom: 0.5em;
  }

.kw:hover {
/*   background: #e6e6e6; */
  }

.presentation_extra .kw {
  padding-top: 5px;
  background-position: 4px 7px;
  color: #333;
  }
  
.presentation_extra .kw:hover {
  color: #1686AF;
  }

.presentation_extra .kw_label {
  padding-top: 5px;
  font-size: .9em;
  color: #333;
  }
  
.browse_kw_wrap .kw {
  padding: 0;
  font-style: italic;
  background: none;
  }

a.external {
  padding: 0 20px 0 0;
  display: inline-block;
  background: url(/images/custom/base/link_external.png) no-repeat right center;
  }

a.external.top {
  background-position: right top;
  }

a.external-hidden {
  padding: 0 20px 0 0;
  color: #555;
  display: inline-block;
  }

a.external-hidden:hover {
  color: #000;
  background: url(/images/custom/base/link_external.png) no-repeat right center;
  }

.member_info h2 a.external-hidden, .ad-image-description h2 a.external-hidden {
  color: #1686af;
  }
.member_info p a.external, .ad-image-description p a.external {
  padding: 0 20px 0 0;
  display: inline-block;
  background: url(/images/custom/base/link_external.png) no-repeat right center;
  color:#555;
}
.member_info p a.external:hover {
  color:#000;
}

a.back {
  font-size: 1.2em;
  }

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
    /*border: 1px solid blue;*/
}
.col-fixed {
    /* custom width */
    width:320px;
}

/* OVERIDDING STYLES OF bootstrap nav
-------------------------------------------------------------------------------------------------------*/
.navbar-toggle {
    border-color: #dddddd;
    background-color: black;
}
.navbar-toggle .icon-bar {
    background-color: #888;
}

/* overriding bootstrap styling */
.nav > li {
    text-transform: uppercase;
}

.nav li a {
  color: #444;
  font-size: 1.4em;
  font-family: "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 4px 1em;
  margin: 0 2px 2px 0;
}

.nav-tabs li a {
  font-size: 1.2em;
}

.nav-tabs > li.active > a {
  color: black;
  font-weight: bolder;
}

.nav > li > a:hover {
  background-color: #f7b235;
}

.navbar {
  margin-bottom: 0 !important;
}

.row {
 /* margin-right: 0; */
}

@media (min-width: 880px) {
  .navbar-nav {
    padding-top:28px !important;
  }
}

@media (min-width: 990px) {
  .col-sm-push-8 {
    left: 66.6666666667% !important;
  }
}
/* overriding navbar collapse breakpoint */
@media (max-width: 880px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in {
      display:block !important;
  }
}

/* Nav
-------------------------------------------------------------------------------------------------------*/
#nav {
  margin: 38px 0 38px 10px;
  padding: 0;
  float: right;
  min-width:470px;
  }

#nav ul {
  margin: 0;
  list-style-type: none;
  }

#nav li {
  padding: 0;
  margin: 0;
  display: inline;
  float: left;
  text-transform: uppercase;
  }

#nav li a {
  margin: 0 0 0 3px;
  padding: 4px 1em;
  font-size: 1.4em;
  font-family: "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  display: block;
  text-decoration: none;
  }
  
#nav li a {
  color: #444;
  }
  
#nav li a:hover {
  color: #000;
  background: #f7b235;
  }

body#silo_home li#nav_home a:link, body#silo_home li#nav_home a:visited, 
body#silo_about li#nav_about a:link, body#silo_about li#nav_about a:visited, 
body#silo_browse li#nav_presentations a:link, body#silo_browse li#nav_presentations a:visited,
body#silo_presentations li#nav_presentations a:link, body#silo_presentations li#nav_presentations a:visited, 
body#silo_presenters li#nav_presenters a:link, body#silo_presenters li#nav_presenters a:visited, 
body#silo_judges li#nav_judges a:link, body#silo_judges li#nav_judges a:visited,
body#silo_upload li#nav_upload a:link, body#silo_upload li#nav_upload a:visited {
  color: #fff;
  text-shadow: 1px 1px 3px #a46d0d;
  background: #f7b235;
  }

#subnav {
  margin: 1em 1em 3em 5em;
  padding: 1em 2em 2em 2em;
  font-size: 1.3em;
  background: #eee;
  width: 200px;
  }

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

#subnav h4 {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  }  

#subnav li a {
  padding: 10px 0 0 15px;
  display: block;
  }

body#silo_about li a.current {
  color: #333;
  background: url(/images/custom/base/icon_subnav_arrow.png) no-repeat 1px 12px;
}

/* Utility & Footer
-------------------------------------------------------------------------------------------------------*/
#utility .user {
  float: left;
  }
  
#client_utility .options, #utility .options {
  float: right;
  padding-right: 30px;
  }

#utility .user, 
#client_utility .options,#utility .options {
  font-size: 1.2em;
  color: #fff;
  }

#utility .user {
  font-weight: bold;
  }

#utility .user a {
  color: #529cc2;
  }

#utility .options a {
  color: #d7d7d7;
  }

#utility .options a.my_presentation {
  padding-left: 20px;
  background: transparent url(/images/custom/base/top_icon_presentation.png) no-repeat 0 0;
  }
  
#utility .options a.my_unread_jq {
  padding-left: 20px;
  background: transparent url(/images/custom/base/top_icon_judge.png) no-repeat 0 0;
  }

#utility .options a.my_unread_mc {
  padding-left: 20px;
  background: transparent url(/images/custom/base/top_icon_discussion.png) no-repeat 0 0;
  }

#link-my-profile {
  padding-left: 20px;
  background: transparent url(/images/custom/base/top_icon_profile.png) no-repeat 0 0;
  }

#link-my-profile ul.options {
  display:none;
  position: absolute;
  padding-top: 3px;
  z-index:999;
  }

#link-my-profile ul.options  li {
  display: block;
  float: none;
  margin-left: -7px;
  padding: 3px 8px 4px 20px;
  background-color: #333;
  border-bottom: dotted #ded 1px;
  }

#link-my-profile ul.options li a {
  font-size: 0.8em;
  }

#link-my-profile ul.options li.omega {
  border-bottom: none;
  }

#link-judging-my-presentations {
  padding-left: 20px;
  background: transparent url(/images/custom/base/top_icon_presentation.png) no-repeat 0 0;
  }

#link-judging-control-panel {
  padding-left: 20px;
  background: transparent url(/images/custom/base/top_icon_judge.png) no-repeat 0 0;
  }

#link-contact-us {
  padding-left: 20px;
  background: transparent url(/images/custom/base/top_icon_email.png) no-repeat 0 3px;
  }

#link-admin-cms {
  padding-left: 18px;
  background: transparent url(/images/custom/base/top_icon_pen.png) no-repeat 0 0;
  }

#link-sysadmin-controls {
  padding-left: 17px;
  background: transparent url(/images/custom/base/top_icon_sys.png) no-repeat 0 0;
  }

#link-admin-controls {
  padding-left: 24px;
  background: transparent url(/images/custom/base/top_icon_toolbox.png) no-repeat 0 0;
  }

#utility ul {
  margin: 0;
}

#utility .options li {
  margin: 0 0 0 15px;
  float: left;
  }
  
#client_utility .options li {
  margin: 0 0 0 25px;
  float: left;
  }

#utility .options li .menu_links {
  position:absolute;
  z-index:1000;
  margin-left:-5px;
  width:250px;
  border: solid #d0d0d0 1px;
  background-color: #fff;
  padding: 4px 6px 4px 6px;
  color: #d0d0d0;
  }
  
#utility .options li .menu_links li {
  margin: 3px;
  float: none;
  font-size: 11px;
  }

#utility .options li .menu_links a {
  text-decoration: none;
  color: #333;
  }

#utility .options li .menu_links a:hover {
  text-decoration: underline;
  }
  
#utility .options li .menu_links .menu_separator {
  width: 100%; 
  height: 1px; 
  background-color: #c6c6c6; 
  margin-top: 3px; 
  margin-bottom: 3px;
  }

#utility .options .menu_link_count {
  color: #f7b235;
  }

#utility .options .menu_link_count:hover {
  text-decoration:none;
  }

#footer img, .footer img {
  margin-right: 20px;
  float: left;
  }
 
.footer .sponsor {
  display: inline-block;
}

#footer p {
  float: left;
  color: #d7d7d7;
  font-size: 1.1em;
  }


#footer #right_content {
  width:280px;
}

#cms_page_main {
  padding: 0 3em 3em 3em;
}

#cms_page_label {
  margin: 1em 0 0 0;
}

#cms_page_content {
}

@media (max-width: 880px) {
  #footer #terc {
    margin: auto; 
    }
  
  #footer #right_content {
    clear: both;
    padding-top: 20px;
    margin: auto;
  }
}

@media (min-width: 881px) {
  #footer #terc {
    float: left; 
    }
  #footer #right_content {
    float: right;
  }
}

@media (min-width: 1068px) {
  #map {
    /* reduced from 1024 for padding and border */
    width: 982px !important;
    height: 512px !important;
  }
  .map-info-wrapper {
    width: 982px !important;
  }
  .map-return-btn {
    float: right;
    margin-right: 0px !important;
  }
}

@media (max-width: 1067px) {
  #map-wheres-dc {
    display: none;
  }
}

/* Browse
-------------------------------------------------------------------------------------------------------*/
.list_col {
    margin-right:10px;
    width: 100%;
  }
/*.list_col {
  float: left;
  /*width: 77.10%; /* 1010 / 1310 = .66412 */
  
  /*  width: -webkit-calc(100% - 230px);
    width:    -moz-calc(100% - 230px);
    width:         calc(100% - 230px);  
  }*/

.list_col.mobile {
  width: 100%;
  }
  
#presentation_grid {
  clear: both;
  /*width: 100%;*/
  width: 80%;
  height: 100%;
  }

/*mobile first */
  .list_header {
  background-color: #eaeaea;
  padding: 10px 5px 0 10px;
  position: fixed;  
  margin-bottom: 0;
  bottom: 0;
  left: 0;
  z-index:1030;
  }
    
/*.list_header {
  margin: 0 0 10px;
  float: left;
  position: relative;
  border-bottom: 1px solid #e3e3e3;
  width: 100%;
  }
*/
  
.list_header h2 {
  margin: 0 0 .5em;
/*   float:left; */
  }
  
.list_header h2 span {
  padding: 0 10px;
  text-transform: none;
  font-family: Helvetica, Arial, sans-serif;
  font-size: .9em;
  color: #555;
  font-weight: normal;
  font-style: italic;
  }

.list_header h2 span.and {
  padding: 0;
  }

.list_header h2 span.share {
  padding-left: 0.5em;
  line-height: 1.4em;
  }

.list_header h2 span.share a {
  padding-right: 20px;
  font-size: 1.1em;
  font-weight: normal;
  text-transform: uppercase;
  font-style: normal;
  background: url(/images/custom/base/icon_share_blue14.png) no-repeat right top;
  }

.list_header .share_container.hidden {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
  }

.list_header .share_container {
  margin-bottom: 1em;
  margin-right: 2.5em;
  padding: 1em 2em 1em 2em;
  background-color: #c6c6c6;
  }

.list_header .share_container .link-group {
  display: inline-block;
  vertical-align: text-bottom;
  }

.list_header .share_container .link-group div {
  margin-top: -2.3em;
  }

.list_header .share_container .link-group label {
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  }

.list_header .share_container .link-group label input {
  font-weight: normal;
  text-transform: none;
  }

.list_header .share_container .mail-group {
  display: inline-block;
  margin-left: 2em;
  }

.list_header .share_container .mail-group .mail-share-button img {
  display: inline;
  }
  
.list_header .share_container .fb-group {
  padding-left: 2em;
  }
  
.list_header .share_container .tw-group {
  padding-left: 1.4em;
  }
  
/* Presentation Thumbnails */
* {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
.list_col li {
  margin: 0 10px 10px 0;
  padding: 15px;
  width: 206px;
  height: 186px;
  font-size: 1.2em;
  float:left; 
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;   
  }

.browse_img {
  width: 206px;
  height: 116px;
  background: #eee;
  }

.list_col li a {
  display:block;
  }
  
.list_col li a .browse_meta {
  width: 206px;
  height: 70px;
  z-index: 10;
  position: relative;
  overflow: hidden;
  background: #fff url(/images/custom/base/icon_view3.png) no-repeat right 200px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  }

.list_col li a:hover .browse_meta {
  top: -100px;
  height: 170px;
  background: #fff url(/images/custom/base/icon_view3.png) no-repeat right 140px;
  }
  
.browse_meta h3 {
  margin: 10px 0 5px;
  color: #333;
  width: 206px;
  height: 38px;
  font-size: 1em;
  overflow: hidden;
  }
  
.browse_meta h4 {
  margin: 0 0 5px;
  color: #333;
  width: 206px;
  font-size: .9em;
  overflow: hidden;
  }
  
.browse_meta h4 span {
  margin: 0;
  color: #333;
  font-weight: normal;
  }

.list_col li a .browse_kw_wrap {
  position: absolute;
  bottom:0;
  width: 170px;
  padding: 0 0 0 18px;
  background: url(/images/custom/base/icon_kw_group.png) no-repeat 0 3px;
  color: #999;
  left:-500px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  }
  
.list_col li a:hover .browse_kw_wrap {
  bottom:0;
  left:0;
  }

.win_corner {
  width: 59px;
  height: 59px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  background: url(/images/custom/base/winner_corner.png) no-repeat 0 0;
  }

.win_corner span {
  height: 0;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  }

.filter_col {
  /*margin-right: 1.53%;*/ /* 20 / 1310 = .0153 */
  
  float: left;
  /*width: 21.37%; /*280px*/
  /*min-width:170px;*/
  width: 185px;
  }

.filter_col_mobile {
  padding: 5px 0 5px 10px;
  background-color: #999;
  margin: -11px -20px 5px -25px;
  /*display: none;*/
}
  
/* filter Options mobile first*/
/*#filter_options {
    width: 270px;
    margin-left: 10px;
  }
  
  #filter_options li a {
    width: 270px;
  }
  
  #filter_options li div {
    width: 270px;
  }
*/    
#filter_options {
  margin-bottom: 30px;
  font-size: 1.2em;
  /*width: 200px;*/
  width: 270px;
  }
  
#filter_options li.current {
  background: /* #c6c6c6 */ url(/images/custom/base/activearrow.png) no-repeat 8px right;

  }
  
#filter_options li.current a {
  color: #000;
  font-weight: 700;
  border-top: none;
  background: #c6c6c6;
  }
  
#filter_options li a {
  padding: 8px 10px;
  color: #3b3b3b;
  display: block;
  /*width: 170px;*/
  /*width: 270px;*/
  font-size: 1.1em;
  font-family: "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  border-top: 1px solid #e3e3e3;
  background: transparent url(/images/custom/base/icon_sortarrows.png) no-repeat 165px 10px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;   
  }
  
#filter_options li a.last {
  border-bottom: 1px solid #e3e3e3;
  }
#filter_options li.current a.last {
  border-bottom: none;
  }
  
#filter_options li a:hover {
  color: #000;
  background-position-y: -75px;
  }

#filter-winners, #filter-group, #filter-keywords, #filter-institution, #filter-search {
  padding: 0 10px 10px;
  display:none;
  /*width: 170px;*/
  background: #c6c6c6;
  }
  
#filter-group label {
  margin-left: 5px;
  line-height: 1.8;
  font-weight: normal;
  }
  
#filter-keywords label {
  margin-left: 5px;
  line-height: 1.8;
  font-weight: normal;
  }
  
#filter-search .i_search {
  margin: 0 0 5px 0;
  padding: 3px;
  width: 150px;
  }
  
#filter-search .btn {
  font-size: .9em;
  }
  

/* presenter grid 
-------------------------------------------------------------------------------------------------------*/
.grid_col {
  float: left;
  width: 100%;
  padding-bottom: 2em;
}

.grid_col li {
  margin: 0 15px 15px 0;
  padding: 15px;
  width: 150px;
  height: 200px;
  font-size: 1.2em;
  float: left;
  overflow: hidden;
  border-bottom: inset #fff 5px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; 
}





/*.grid_col li a .browse_meta {
  width: 150px;
  height: 70px;
  z-index: 10;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  }

.grid_col li a:hover .browse_meta {
  top: -160px;
  height: 200px;
  background-color:#fff;
  }

.grid_col li a .browse_meta_extra {
  position: absolute;
  bottom:0;
  width: 150px;
  padding: 5px 0 0 0;
  color: #333;
  left:-500px;
  font-size: .85em;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  }
  
.grid_col li a:hover .browse_meta_extra {
  top:45px;
  left:0;
  }
*/

.browse_meta_extra .view_btn {
  width:140px;
  margin: 5px 0 10px 0;
  padding: 5px;
  display: inline-block;
  position: relative;
  font-size: 1em;
  font-family: "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  border: none;
  color: #eee;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);  
}

.browse_meta_extra .view_btn:hover {
  top: 1px;
}

.blank_label {
  color:#fff;
  padding:2px 0 2px 5px;
  height:16px;
  font-size:.8em;
  position:relative;
  top: -16px;
}

.lead_presenter_label {
  color:#fff;
  background-color: #333;
  padding:2px 0 2px 5px;
  height:16px;
  font-size:.8em;
  position:relative;
  top: -16px;
}

.co_presenter_label {
  color:#000;
  background-color: #f0f0f7;
  padding:2px 0 2px 5px;
  height:16px;
  font-size:.8em;
  position:relative;
  top: -16px;
}

.judge_group_label {
  color:#fff;
  background-color: #333;
  padding:2px 0 2px 5px;
  height:16px;
  font-size:1em;
  position:relative;
  top: -16px;
}

#presenter_grid, #judge_grid {
  clear:both;
  width:100%;
  margin-top:20px;
  position:relative;
}

#presenter_grid .browse_meta {
  margin-top:-10px;
  overflow:hidden;
}
#presenter_grid .browse_meta h3 {
  margin: 0;
  color: #333;
  width: 150px;
  height:20px;
  font-size: 1em;
  overflow: hidden;
}
#presenter_grid .browse_meta h4 {
  width: 150px;
  font-size: .85em;
  line-height: 1.1em;
  font-weight:normal;
}


/* 2nd look. */
.browse_container {
  width: 150px;
  padding: 0;
  font-size:.9em;
}

.browse_container h3 {
  margin: 7px 0 0 0;
  color: #333;
  width: 150px;
  height:20px;
  font-size: 1em;
  overflow: hidden;
}
.browse_container h4 {
  width: 150px;
  margin:0;
  font-size: 1em;
  line-height: 1.1em;
  font-weight:normal;
}

.browse_container .icon_offsite {
  display: inline-block;
  font-weight:bold;
}

.browse_mask {
  width: 150px;
  height:220px;
  position:absolute;
  overflow:hidden;
  top: 10px;
  left: 15px;
  background:#fff;  
  opacity:0;
}

.browse_content {
  width:150px;
}

/*.browse_container:hover .browse_mask {*/
.grid_col li:hover .browse_mask {
  opacity: 1;
}

/* Content Area
-------------------------------------------------------------------------------------------------------*/

.main_col {
  float: left;
  width: 67.18%; /* 880 / 1310 = .66412 */
  }
  
#silo_presenters .main_col, 
#silo_judges .main_col, 
#silo_about .main_col {
  margin-bottom: 30px;
  }
  
#silo_about .main_col {
  width: 60%;
  }

.side_col {
  margin-left: 1.53%; /* 20 / 1310 = .0153 */
  float: left;
  position: relative;
  width: 30.80%; /* 410 / 1310 = .3206 */
  }
    
.presentation_wrap {
  padding: 5px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  margin-bottom:10px;
  }
  
/* styling for the related sidebar and content */

.related-presentations-panel {
  background: white;
  color: black;
  padding-top: 2px;
  max-height: 435px;
  clear: both;
  min-width:280px;
  }

.related-presentations-panel h3 {
  padding-left: 10px;
  margin-bottom: 0px;
  color: black;
  }
  
.related-presentations {
  width: 100%;
  /*min-width: 295px; */
  min-width: 250px;
  max-height: 378px;
  float: left;
  overflow-x: hidden;
  overflow-y: scroll;
  background: white;
  padding: 0 0 0 0px;
  }
  
li.selected {
  background-color: #c7d7ec;
  }
  
li.video-loading {
  background-image: url(/images/custom/base/meta_sites/spinner-medium.gif);
  background-repeat: no-repeat;
  background-position: center;  
  background-size: 60px 60px;
  }
  
.related-presentations .divider {
  border-bottom: 1px #ddd solid;
  height: 1px;
  width: 85%;
  padding: 10px 10px 0 10px;
  clear: both;
  }
  
a#see-more-related {
  float: right;
  font-size: 1.1em;
  padding-top: 5px;
  }

a#see-all {
  float: left;
  font-size: 1.1em;
  padding-top: 5px;
  padding-left: 10px;
  }
  
a#see-more-related.refresh {
  padding-right: 25px;
  background: url(/images/custom/base/refresh_posts.png) no-repeat 100% 0;
  }

a#see-more-related.spinner {
  padding-right: 25px;
  background: url(/images/custom/base/spinner.gif) no-repeat 100% 0;
  }
  
.related-presentation {
  padding: 13px 0 0 10px;
  margin: 0 0 0 10px;
  height: 81px;
  width: 100%;
  clear: both;
  }

.related-image {
  width: 125px;
  float: left;
  }

.related-meta {
  float: left;
  max-width: 50%;
  padding-left: 7px;
  color: black;
  word-break: break-word;  
  }
  
.related-title {
  font-weight: 600;
  font-size: 1.1em;
  }

.related-user {
  text-transform: uppercase;
  color: #777;
  font-size: 1.0em;
  }
  
.related-winner {
  position: relative;
  background: url(/images/custom/base/winner_corner.png) no-repeat right top;
  }

/* end related */

.year_label {
    margin-top: -15px;
    width:50px;
    font-family: Arial, sans-serif;
    white-space: nowrap;
}

.year_label span {
    padding: 2px 10px;
    font-weight: bold;
    font-size: 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #000;
    color: #fff;
    height: 16px;
    opacity: .75; 
}

/* playlist styling for the meta site */

.row.black-box {
  background-color: #4a4a4a;
  padding-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  margin-left: 5px;
  }

.presentation_wrap.black {
  background-color: #4a4a4a;
  }

.playlist-scroll {
  overflow-y: scroll;
  }

.playlist-presentations-panel {
  background: white;
  color: black;
  padding-top: 2px;
  max-height: 435px;
  clear: both;
  min-width:280px;
  }

@media (max-width: 880px) {
  .playlist-presentations-panel {
    min-width: inherit;
  }
}

.playlist-presentations-panel h3 {
  padding-left: 10px;
  margin-bottom: 0px;
  color: black;
  }
  
.playlist-presentations {
  width: 100%;
  /*min-width: 295px; */
  min-width: 250px;
  max-height: 330px;
  float: left;
  overflow-x: hidden;
  background: white;
  padding: 0 0 0 0px;
  }
  
.playlist-presentations .divider {
  border-bottom: 1px #ddd solid;
  height: 1px;
  width: 85%;
  padding: 10px 10px 0 10px;
  clear: both;
  }
  
.playlist-presentation {
  padding: 13px 0 0 10px;
  margin: 0 0 0 10px;
  height: 81px;
  width: 100%;
  clear: both;
  }

.playlist-image {
  width: 125px;
  float: left;
  }

.playlist-meta {
  float: left;
  max-width: 50%;
  padding-left: 7px;
  color: black;
  word-break: break-word;  
  }
  
.playlist-title {
  font-weight: 600;
  font-size: 1.1em;
  }

.playlist-user {
  text-transform: uppercase;
  color: #777;
  font-size: 1.0em;
  }
  
.playlist-winner {
  position: relative;
  background: url(/images/custom/base/winner_corner.png) no-repeat right top;
  }

/* end playlist styling */

/* map on the show page */
/* implemented as a link with responsive background image */

.boxed.blocked {
	background: #fff;
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .2);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, .2);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, .2);
	}

.blocked.dkblue {
	border-top: solid #79a6c0 3px;
	}
	
#outreach-panel {
	/* border-top: solid #79a6c0 3px;*/
  padding-top: 5px;
  margin-bottom: 25px;
  margin-top: -10px;
  background-color: #e4e4e4;
  height: 52px;
  width: 100%; 
  color: #555;
  display: block;
  overflow: auto;
  float: left;
  clear: both;
  font-size: 1.5em;
  text-align: center;
  }

.globe-panel-text {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  /* display: table-cell;
   vertical-align: middle; */
  }

#globe-panel {
  background-repeat: no-repeat;
  background-color: white;
  background: url(/images/custom/base/maps/map-city-empty.png);
  background-size: contain;
  background-position: left top;
  height: 130px;
  width: 100%; 
  color: #555;
  display: block;
  margin-bottom: 0.5em;
  padding-top: 15px;
  overflow: auto;
  float: left;
  clear: both;
  font-size: 2.75em;
  text-align: center;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  }
  
/* hall home page overrides */  
.hall-globe-panel {
  margin-top:0px !important;
  padding-top:12px !important;
  padding-bottom:0px !important;
  }
  
/* map display */

#map {
  float: left;
  width: 100%;
  height: 512px;
  margin-bottom:0px;
  border: 1px solid #dedede;
  }

#map.thumbnail {
  height: 256px !important;
  width: 432px !important;
  clear: both;
  }
  
#map-scope {
  float: left;
  margin-bottom:20px;
  padding: 5px 10px;
  clear: both;
  background: white;
  border: 1px solid #dedede;
  border-top: none;
  font-size: 1.5em;
  }

#map-wheres-dc {
  width: 200px;
  float: right;
  border-left: 1px solid lightgray;
  padding-left: 20px;
  margin-left: 20px;
  }
  
#map-outreach {
  float: right;
  border-left: 1px solid lightgray;
  padding-left: 20px;
  margin-left: 20px;
  padding-right: 20px;
  }

#map-wheres-dc-wrapper {
  position: relative;
  float: left;
  height: 0;
  display: none;
  }
  
#map-wheres-dc-explanation {
  position: relative;
  float: left;
  width: 200px;
  height: 150px;
  top: -175px;
  left: 759px;
  padding: 12px;
  background-color: #eee;
  font-size: 1.3em;
  }

.circle {
  border: 2px solid #f5f5f5;
  border-radius: 50%;
  width: 20px;
  height: 20px; 
  margin: 3px;
  display: inline-block;
  }     

#map-wheres-dc-explanation h4 {
  margin: 0;
  padding: 0 0 3px 0;
  }

#map-wheres-dc-explanation .circle {
  border:2px solid #f5f5f5;
  }
  
#dc-star {
  position: relative;
  float: left;
  top: -300px;
  left: 475px;
  }

#dc-star .circle {
  border:2px solid #f5f5f5;
  }

.map-info-wrapper {
  width: 100%;
  }

.map-info-detail img {
  display: inline;
  }
  
.map-info {
  padding: 1em 0 1em 0;
  clear: both;
  font-size: 1.4em;
  }

.map-info-gradient {
  margin-top: 0.5em;
  }
.map-gradient-text {
  color: #ddd;
  }

.map-return-btn {
  clear: both;
  }

.tooltip_trigger {
  margin-left: 5px;
  position: relative;
  top: -5px;
}

.tooltip_text {
  display: none;
  position: relative;
  padding: 10px;
  margin: 10px;
  border: solid 1px #333;
  background-color: white;
  border-radius: 3px;
}

/* end map */

#poster_panel {
  height: 455px;
  }
  
.poster {
  height: 425px;
  background: #eee;
  }

.poster_missing {
  text-align:center;
  font-size:28px;
  padding-top: 200px;
  }

#video_panel {
  height: 455px;
  }

.missing {
  height: 425px;
  }
  
.video {
  /*height: 425px;*/
  height: 170px;
  }
  
.video_missing {
  text-align:center;
  font-size:28px;
  padding-top: 200px;
  }

.media_missing {
  text-align:center;
  font-size:28px;
  padding-top: 200px;
  }

.coming_soon {
  padding:10px 20px 0 20px;
  text-align: center;
  font-size:2em;
  font-weight:bold;
  width:100%;
}

.presentation_extra {
  margin: 4px 0 0;
  padding: 0 10px 0 5px;
  font-size: 1.2em;
  position: relative;
  }

.persona_panel {
  margin: 20px 0 20px;
  width: 100%;
  }

.presenter_meta {
  margin-bottom: 1em; /*changed from 20 */
  float: left;
  min-width: 295px;
  display: inline-block;
  }
  
.member_photo {
  float: left;
  padding: 8px;
  background: #959595;
  }

.member_photos_container {
  float: left;
  padding: 8px;
}
  
.member_photo img {
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .4);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  }
  
.member_info {
  float: left;
  margin-left: 15px;
  width: 60%;
  }

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description{
  width: 80% !important;
}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .presenter{
  width: 90% !important;
}
  
input#all_winners {
  /* margin-bottom: 10px; */
  }

input#all_jc {
  margin-top: 10px;
  }

input#all_cc {
  margin-top: 10px;
  }

input#all_pc {
  margin-top: 10px;
  }

.winner_icons {
  margin: 0;
  padding: 2px 0 0 0;
  float: left;
  width: 100%;
  color: #dc8b04;
  font-size: 1.2em;
  }

.win_any {
  margin-right: 10px;
  padding: 2px 0 0 28px;
  display: inline-block;
  /* margin-bottom: 10px; */
  background: url(/images/custom/base/icon_winner_any.png) no-repeat 3px center;
  }

.win_none {
  margin-right: 10px;
  padding: 2px 0 0 5px;
  padding-left: 5px;
  display: inline-block;
  /* margin-bottom: 10px; */
  }

.win_any_large {
  margin-right: 10px;
  padding: 7px 0 5px 28px;
  width: 53px;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  background: #f5a22b url(/images/custom/base/icon_winner_any_16x16.png) no-repeat 7px 6px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset;
  }
  
.win_jc {
  padding: 2px 0 0 28px;
  display: inline-block;
  margin-top: 10px;
  background: url(/images/custom/base/icon_winner_judgeschoice.png) no-repeat 3px center;
  }

.win_cc {
  padding: 2px 0 0 28px;
  display: inline-block;
  margin-top: 10px;
  background: url(/images/custom/base/icon_winner_commchoice.png) no-repeat 3px center;
  }

.win_pc {
  padding: 2px 0 0 28px;
  display: inline-block;
  margin-top: 10px;
  background: url(/images/custom/base/icon_winner_pubchoice.png) no-repeat 3px center;
  }

.presenter_winner .win_jc, 
.presenter_winner .win_cc, 
.presenter_winner .win_pc, 
.presenter_winner .win_any {
  margin: 0;
  padding: 3px 0 3px 28px;
  display: block;
  font-size: .9em;
  font-weight: bold;
  color: #f5a22b;
  line-height: 1.25;
  }

.presenter_winner .win_jc {
  padding-bottom: 7px;
  background: url(/images/custom/base/icon_winner_judgeschoice.png) no-repeat 3px top;
  }

.presenter_winner .win_cc {
  padding-bottom: 7px;
  background: url(/images/custom/base/icon_winner_commchoice.png) no-repeat 3px top;
  }

.presenter_winner .win_pc {
  padding-bottom: 7px;
  background: url(/images/custom/base/icon_winner_pubchoice.png) no-repeat 3px top;
  }

.presenter_winner .win_any {
  padding-bottom: 7px;
  background: url(/images/custom/base/icon_winner_any.png) no-repeat 3px top;
  }

.win_jc_small {
  padding: 2px 0 0 14px;
  display: inline-block;
  font-size: 1em;
  font-weight: bold !important;
  background: url(/images/custom/base/icon_winner_judgeschoice_small.png) no-repeat left center;
  }

.win_jc_small_silver {
  background: url(/images/custom/base/icon_winner_judgeschoice_silver_small.png) no-repeat left center;
  }

.win_jc_small_bronze {
  background: url(/images/custom/base/icon_winner_judgeschoice_bronze_small.png) no-repeat left center;
  }

.win_jc_small_blue {
  background: url(/images/custom/base/icon_winner_judgeschoice_blue_small.png) no-repeat left center;
  }

.win_cc_small {
  padding: 2px 0 0 14px;
  display: inline-block;
  font-size: 1em;
  font-weight: bold !important;
  background: url(/images/custom/base/icon_winner_commchoice_small.png) no-repeat left center;
  }

.win_cc_small_silver {
  background: url(/images/custom/base/icon_winner_commchoice_silver_small.png) no-repeat left center;
  }

.win_cc_small_bronze {
  background: url(/images/custom/base/icon_winner_commchoice_bronze_small.png) no-repeat left center;
  }

.win_cc_small_blue {
  background: url(/images/custom/base/icon_winner_commchoice_blue_small.png) no-repeat left center;
  }

.win_cc_silver {
  background: url(/images/custom/base/icon_winner_commchoice_silver.png) no-repeat left center;
  }

.win_cc_bronze {
  background: url(/images/custom/base/icon_winner_commchoice_bronze.png) no-repeat left center;
  }

.win_cc_blue {
  background: url(/images/custom/base/icon_winner_commchoice_blue.png) no-repeat left center;
  }


.win_pc_small {
  padding: 2px 0 0 14px;
  display: inline-block;
  font-size: 1em;
  font-weight: bold !important;
  background: url(/images/custom/base/icon_winner_pubchoice_small.png) no-repeat left center;
  }

.win_pc_small_silver {
  background: url(/images/custom/base/icon_winner_pubchoice_silver_small.png) no-repeat left center;
  }

.win_pc_small_bronze {
  background: url(/images/custom/base/icon_winner_pubchoice_bronze_small.png) no-repeat left center;
  }

.win_pc_small_blue {
  background: url(/images/custom/base/icon_winner_pubchoice_blue_small.png) no-repeat left center;
  }

.win_pc_silver {
  background: url(/images/custom/base/icon_winner_pubchoice_silver.png) no-repeat left center;
  }

.win_pc_bronze {
  background: url(/images/custom/base/icon_winner_pubchoice_bronze.png) no-repeat left center;
  }

.win_pc_blue {
  background: url(/images/custom/base/icon_winner_pubchoice_blue.png) no-repeat left center;
  }

.win_jc_medal {
  height: 50px;
  padding: 22px 10px 0 40px;
  display: inline-block;
  font-size: 1em;
  font-weight: bold !important;
  background: url(/images/custom/base/medal_judges_choice.png) no-repeat left center;
  }

.win_jc_medal_silver {
  background: url(/images/custom/base/medal_judges_choice_silver.png) no-repeat left center;
  }

.win_jc_medal_bronze {
  background: url(/images/custom/base/medal_judges_choice_bronze.png) no-repeat left center;
  }

.win_jc_medal_blue {
  background: url(/images/custom/base/medal_judges_choice_blue.png) no-repeat left center;
  }

.win_jc_silver {
  background: url(/images/custom/base/icon_winner_judgeschoice_silver.png) no-repeat left center;
  }

.win_jc_bronze {
  background: url(/images/custom/base/icon_winner_judgeschoice_bronze.png) no-repeat left center;
  }

.win_jc_blue {
  background: url(/images/custom/base/icon_winner_judgeschoice_blue.png) no-repeat left center;
  }


.win_cc_medal {
  height: 50px;
  padding: 22px 10px 0 40px;
  display: inline-block;
  font-size: 1em;
  font-weight: bold !important;
  background: url(/images/custom/base/medal_community_choice.png) no-repeat left center;
  }

.win_cc_medal_silver {
  background: url(/images/custom/base/medal_community_choice_silver.png) no-repeat left center;
  }

.win_cc_medal_bronze {
  background: url(/images/custom/base/medal_community_choice_bronze.png) no-repeat left center;
  }

.win_cc_medal_blue {
  background: url(/images/custom/base/medal_community_choice_blue.png) no-repeat left center;
  }

.win_pc_medal {
  height: 50px;
  padding: 22px 10px 0 40px;
  display: inline-block;
  font-size: 1em;
  font-weight: bold !important;
  background: url(/images/custom/base/medal_public_choice.png) no-repeat left center;
  }

.win_pc_medal_silver {
  background: url(/images/custom/base/medal_public_choice_silver.png) no-repeat left center;
  }

.win_pc_medal_bronze {
  background: url(/images/custom/base/medal_public_choice_bronze.png) no-repeat left center;
  }

.win_pc_medal_blue {
  background: url(/images/custom/base/medal_public_choice_blue.png) no-repeat left center;
  }

.winner_placeholder {
  width: 20px;
  display:inline-block;
}  

.presentation_meta {
  float:left;
  width:100%;
  min-width:295px;
  margin-top: 1em;
  }

.presentation_meta ul {
  list-style: disc;
  padding: 0 0 0 20px;
  font-size:1.2em;
  color: #555555;
}

.presentation_meta ol {
  list-style: decimal;
  padding: 0 0 0 20px;
  font-size:1.2em;
  color: #555555;
}
  
.attachments h3 {
  color: #555;
  margin: 0 0 0.2em 0;
  text-transform: uppercase;
}
.attachments ul {
  list-style-type: disc;
}
.attachments ul li {
  margin-left: 2em;
  margin-bottom: 0;
}

.audio {
  float: left;
  width: 100%;
  background: #d9d9d9;
  }
  
.audio h2 {
  margin: 0;
  padding: 10px 15px;
  float:left;
/*   width: 70px; */
  }
  
.audio h2.abstract {
  background: #eee;
  }

.audio .listen {
  float: left;
  margin: 7px 15px 0 15px;
  font-size: 1.4em;
  font-weight: 700;
  }

#no-audio-provided {
  position: relative;
  top: 10px;
  left: 10px;
  }
  
.scrollable {
  padding: 0;
  float: left;
  width: 100%;
  height: 310px;
  }

  .scrollable.audio_control {
    height: 335px;
    }

  .scrollable.multiple_presenters {
    height: 278px;
  }

  .scrollable.winner {
    height: 297px;
  }

  .scrollable.audio_control.winner {
    height: 288px;
  }

  .scrollable.winner.multiple_presenters {
    height: 230px;
  }

.scrollable h3 {
  color: #555;
  }

.social_panel {
  clear:both;
  margin: 18px 0 20px;
  padding:0;
  float:left;
  width: 100%;
  }

.social_panel .presentation_activity {
  background: url(/images/custom/base/icon_views.png) no-repeat left center;
  padding-left: 1.9em; 
  padding-top: 5px;
  margin-top: 0;
  color: #888;
  text-transform: uppercase;
}

.social_panel .share_presentation {
  background: url(/images/custom/base/icon_social_share.png) no-repeat left center;
  padding-left: 1.9em;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}

.social_panel_box {
  padding-left: 1.7em;
  }

.social_link span {
  font-size: 1.3em;
}

.social_link input {
  width: 13em;
  margin-left: 0.2em;
  font-size: 1.3em;
  font-weight: normal;
}

  .presentation_col {
    padding: 0;
    min-width: 310px;
  }
  
  .member_actions_col {
    padding: 0;
  }

/* Buttons / Special Links
-------------------------------------------------------------------------------------------------------*/

.blue_arrow {
  padding-right: 10px;
  background: url(/images/custom/base/blue_arrow.png) 100% 50% no-repeat;
  }

.blue_arrow_lg {
  padding-right: 15px;
  background: url(/images/custom/base/blue_arrow_lg.png) 100% 50% no-repeat;
  }
  
.download {
  margin: 0;
  padding: 0 0 0 25px;
  display: inline-block;
  font-size: .9em;
  color: #333;
  position: absolute;
  top: 5px;
  right: 10px;
  border: none;
  background: transparent url(/images/custom/base/btn_download.png) no-repeat 5px center;
  }
  
.download:hover {
  color: #1686AF;
}

  .commchoice,
  .pubchoice,
  .scorecard,
  .membersforum,
  .judgesforum {
    padding: 10px 10px 10px 35px;
    margin-top: 5px;
    width: 220px;
    font-size:1.5em;
    margin-left: 40px;
  }

.btn_vote {
  padding: 7px 15px 7px 15px;
  display: inline-block;
  position: relative;
  font-size: 1.1em;
  font-family: "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  border: none;
  color: #fff;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  border-radius: 0;
}

/*.btn { */
#content .btn, #content_responsive .btn {
  margin: 0 10px 0 0;
  padding: 7px 15px 7px 15px;
  display: inline-block;
  position: relative;
  font-size: 1.1em;
  font-family: "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  border: none;
  color: #fff;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  border-radius: 0;
  }
  
#content .btn:hover, #content_responsive .btn:hover, .btn_vote:hover  { 
  color: #fff;
  position: relative;
  top: 1px;
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  }

#content .btn.current, #content_responsive .btn.current, .btn_vote.current {
  color: #666;
  background-color: #e4e4e4;
  position: relative;
  top: 1px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2) inset;
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset;
  }
  
#content .btn.notshown, #content_responsive .btn.notshown {
  display:none;
}

#content .btn.notshown .panel_toparrow, #content_responsive .btn.notshown .panel_toparrow {
  display: none;
}

#content .btn.glass, #content_responsive .btn.glass {
  margin: 0;
  padding: 7px 10px 7px 10px;
  background-color: none;
  color: #1da7ca;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
  
#content .btn a, #content_responsive .btn a, .btn_vote a {
  color: #eee;
}

#content .btn.small, #content_responsive .btn.small {
  margin: 0;
  padding: 5px 10px 5px 10px;
  display: inline-block;
  position: relative;
  font-size: 0.9em;
  }

#content .btn.big, #content_responsive .btn.big {
  padding: 5px 10px 5px 10px;
  display: inline-block;
  position: relative;
  font-size: 1.2em;
  }

#content .btn.disabled, #content_responsive .btn.disabled {
  color: #ababab;
  }

.move {
   cursor: move !important;
   width:0px;
   background: #1da7ca url(/images/custom/base/order_arrows.png) no-repeat 0 !important;
}

/*.panelarrow {
  width: 22px;
  height: 11px;
  position: absolute;
  top: 41px;
  left: 5px;
  display: none;
  background: transparent url(/images/custom/base/panel_arrow.png) no-repeat 0 0;
  }
*/
.panel_toparrow {
  width: 22px;
  height: 11px;
  position: absolute;
  left: 5px;
  bottom:40px;
  background: transparent url(/images/custom/base/panel_toparrow.png) no-repeat 0 0;
  }

/*.btn.current .panelarrow, .btn_vote.current .panelarrow {
  display: block;
  }
*/

.blue {
  background: #1da7ca;
  }

.gray {
  background: gray;
  }

.processing {
  background: #e8e8e8 url(/images/custom/base/spinner.gif) no-repeat 50% 50%;
  }

.btn.processing, .btn.processing:hover {
  color: #333;
  position: relative;
  top: 0px;
  }

.darkblue {
  background: #304f6a;
  }

.grey {
  background: #474747;
  }
  
.lightgrey {
  background: #a2a2a2;
  }

.white {
  background: white;
  }

.gold {
  background: #f5a22b;
  }
  
.btn.selected {
  background-color: #c7d7ec;
  }
  
.cancel {
  background: #a2a2a2;
  color: white;
  padding: 4px 10px 4px 10px;
}

.reject {
  background: #a2a2a2;
  color: white;
  padding: 4px 10px 4px 10px;
}
 
  
/*.related,
.judgesforum, 
.commchoice,
.pubchoice,
.scorecard,
.membersforum,
.video_icn,
.poster_icn {
  padding: 7px 10px 7px 35px !important;
  }
*/

.related,
.video_icn,
.poster_icn {
  padding: 7px 10px 7px 35px !important;
  }

.related {
  padding-left: 33px;
  background-image: url(/images/custom/base/icon_winner_any_16x16.png);
  background-repeat: no-repeat;
  background-position: 8px 6px;
  }

.judgesforum {
  min-width: 120px;
  padding-left: 33px;
  background-image: url(/images/custom/base/btn_judge.png); 
  background-position: 5px center;
  background-repeat: no-repeat;
  }
  
.commchoice {
  padding-left: 33px;
  background-image: url(/images/custom/base/btn_commchoice.png); 
  background-position: 7px center; 
  background-repeat: no-repeat;
  }
  
.pubchoice {
  padding-left: 33px;
  background-image: url(/images/custom/base/btn_pubchoice.png); 
  background-position: 7px center; 
  background-repeat: no-repeat;
  }

.scorecard {
  padding-left: 29px;
  background-image: url(/images/custom/base/btn_external.png); 
  background-position: 7px 7px; 
  background-repeat: no-repeat;
  }

.membersforum {
  min-width: 90px;
  /*padding-left: 27px;*/
  padding-left:33px;
  background-image: url(/images/custom/base/btn_member_comments.png); 
  background-position: 7px 7px; 
  background-repeat: no-repeat;
  }

.video_icn {
  padding-left: 28px !important;
  background-image: url(/images/custom/base/btn_video_off.png); 
  background-position: 10px 12px; 
  background-repeat: no-repeat;
  }
.video_icn.current {
  background-image: url(/images/custom/base/btn_video.png); 
  }

.poster_icn {
  padding-left: 29px !important;
  background-image: url(/images/custom/base/btn_poster_off.png); 
  background-position: 10px 12px; 
  background-repeat: no-repeat;
  }

.poster_icn.current {
  background-image: url(/images/custom/base/btn_poster.png); 
  }

.big_orange_btn {
  width: 160px;
  height: 63px;
  background: url(/images/custom/base/big_blank_btn.gif) no-repeat left top;
  text-align: center;
  font-weight: bold;
  color: #333333;
  line-height: 1.2em;
  padding-top: 10px;
  font-size:1.5em;
}

.tab_tr_corner {
  float:right;
  background-image: url(/images/custom/base/tab_tr_corner.png); 
  background-position: 0px 0px; 
  background-repeat: no-repeat;
  width:11px;
  height:11px;
  margin-top:-13px;
  margin-right:-5px;
  }

.tab_tr_corner_grey {
  float:right;
  background-image: url(/images/custom/base/tab_tr_corner_grey.png); 
  background-position: 0px 0px; 
  background-repeat: no-repeat;
  width:11px;
  height:11px;
  margin-top:-13px;
  margin-right:-5px;
  }
  
.tab_icon {
  position: relative;
  top: 28px;
  z-index: 1000;
  left: 5px;
  }

  
/* tab styling for event/competition switch. no icon */
.tab_sm {
  width: 130px;
  height: 20px;
  float: left;
  margin: 0px 5px 0px 0px !important;
  padding: 12px 5px 3px 5px !important;
  display: inline-block;
  position: relative;
  font-size: 1.3em;
  font-family: "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  background-color: #bbb;
  top:3px;
  left: -1px;
  border: none;
  color: #efefef;
  cursor: pointer;  
  }
/* tab styling for video/poster switch */  
.tab {
  width: 120px;
  height: 20px;
  float: left;
  margin: 0px 5px 0px 0px !important;
  padding: 12px 5px 3px 40px !important;
  display: inline-block;
  position: relative;
  font-size: 1.3em;
  font-family: "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  background-color: #e4e4e4;
  top:3px;
  left: -1px;
  border: none;
  color: #aaa;
  cursor: pointer;  
  /* -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2); */
  /* -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2); */
  /* box-shadow: 0 1px 2px rgba(0, 0, 0, .2); */
  }
  
.tab:hover, .tab_sm:hover { 
  color: black;
  position: relative;
  /*top: 1px;*/
  height: 20px;
  /*-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);*/
  }

.tab.current, .tab_sm.current {
  height:24px;
  color: #333;
  background-color: white;
  position: relative;
  top: 1px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .2) inset;
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .2) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2) inset;
  }
  
.tab a, .tab_sm a {
  padding-left: 10px !important;
  width:75%;
  }

.instructions {
  margin:10px 0;
  font-size: 1.2em;
  line-height: 1.5;
}

/* --------------------- */
  
.no_flash {
  padding:100px 50px 50px 50px;
  color: #ddd;
  text-transform: normal;
  }

.no_flash h3 {
  color: #000;
  font-size:18px;
  }

.no_flash .instructions {
  margin: 0;
  padding: 0;
  font-size: 14px;
  }

.no_flash .instructions p {
  margin-bottom: 10px;
  }
  
  
.facebook_like_wrapper {
  display: inline-block;
  margin: 0 0 -6px 0;
  padding: 0 0 0 10px;
  width: 100px;
  overflow: visible;
  }

.facebook_share_wrapper {
  display: inline-block;
  margin: 0;
  padding: 5px 0 0 0;
  width: 100px;
  overflow: visible;
  }
  
#panel-pc .facebook_wrapper {
  text-align: center;
  }

#panel-pc .facebook_like_count_block {
  background-color: #E4E4E4
  }

#panel-pc a.options-back {
  float: right;
  width: 20em;
  margin: 1.5em 2em;
  font-size: 1.2em;
  font-weight: bold;
  text-align: right;
  }

#panel-pc h3.title, #pc-standings h3.title {
  margin: 0;
  padding: 10px 10px 10px 55px;
  min-height: 45px;
  font-weight: bold;
  font-size: 1.3em;
  color: #333;
  }

#panel-pc h3.title.facebook, #pc-standings h3.title.facebook {
  background: url(/images/custom/base/pc_icon_facebook.png) no-repeat left 0px;
  }

#panel-pc h3.title.twitter, #pc-standings h3.title.twitter {
  background: url(/images/custom/base/pc_icon_twitter.png) no-repeat left 0px;
  }

#panel-pc h3.title.email, #pc-standings h3.title.email {
  background: url(/images/custom/base/pc_icon_email.png) no-repeat left 0px;
}

#pc-options {
  margin: 1.2em 0 0 1.3em;
  padding-bottom: 2em;
  font-size: 1.5em;
  color: #555;
  }

#pc-options .prompt {
  margin: 0.5em 0 0.5em 0;
  font-size: 1.5em;
  font-weight: bold;
  }

#pc-options .option {
  float: left;
  width: 210px;
  margin: 1em 1.5em 1em 1em;
  text-align: center;
  }

#pc-options .option img {
  margin: auto;
  }

#pc-options .option:hover img {
  outline: solid #fff 3px;
  }

#pc-options .option p {
  margin: 0;
  padding: 1em 0 0 0;
  font-size: 1em;
  }

#pc-options .option a {
  color: #555;
  }

#pc-options .option:hover a p {
  color: #1686AF;
  }

#pc-options a.standings {
  float: right;
  margin: 0 2.5em 1em 0;
  width: 15em;
  text-align: right;
  }

#pc-options .questions {
  float: left;
  margin: 0 0 1em 0;
  width: 20em;
  font-size: 1em;
  color: #555;
  }

#pc-email {
  margin: 1.2em 0 0 1.3em;
  padding-bottom: 2em;
  font-size: 1.5em;
  color: #555;
  }

#pc-email .prompt {
  font-size: 1.2em;
  font-weight: bold;
  padding-bottom: 0.3em;
  }

#pc-email .error {
  margin: 0;
  padding: 0em 0.5em 0.5em 0;
  background: none;  
  color: #bd0c0c;
  font-weight: bold;
  font-size: 1em;
  }

#pc-email input[type="text"] {
  float: left;
  margin: 0;
  padding: 0 0 0 0.7em;
  height: 37px;
  border: solid #999 1px;
  width: 20em;

  font-size: 1em;
  }

#pc-email input[type="submit"] {
  float: left;
  margin: 0 0 0 -1px;
  padding: 0.5em 0.7em 0.5em 0.7em;
  border: solid #999 1px;

  font-weight: bold;
  font-size: 1em;
  color: #fff;
  }

#pc-email .instructions {
  clear: both;
  width: 90%;
  margin: 0 0 0.5em 0;
  padding: 0;
  font-size: 1em;
  }

#pc-email .help {
  clear: both;
  padding: 0.7em 0 0.5em 0;
  font-style: italic;
  font-size: 0.9em;
  color: #444
  }

#pc-email .questions {
  clear: both;
  margin: 0.5em 0 0 0;
  padding: 0;
  font-size: 1em;
  }

#pc-standings {
  margin: 1.2em 0 0 1.3em;
  padding-bottom: 2em;
  font-size: 1.5em;
  color: #555;
  }

#pc-standings .error {
  margin: 0;
  padding: 0em 0.5em 0.5em 0;
  background: none;  
  color: #bd0c0c;
  font-weight: bold;
  font-size: 1em;
  }

#pc-standings .prompt {
  font-size: 1.2em;
  font-weight: bold;
  padding-bottom: 0.3em;
  }

#pc-standings .instructions {
  clear: both;
  width: 90%;
  margin: 0 0 0.5em 0;
  padding: 0;
  font-size: 1em;
  }

#pc-standings .questions {
  clear: both;
  margin: 0.5em 0 0 0;
  padding: 0;
  font-size: 1em;
  }

.social_panel_box .facebook_like_count_block {
  background-color: #f8f8f8;
  }

.large_facebook_text {
  font-size: 1.5em;
  font-weight: 700;
  font-style: bold;
  position: relative;
  top: -5px;
  left: -5px;
  padding: 10px;
  }

.medium_facebook_text {
  font-size: 1.25em;
  font-weight: 700;
  font-style: bold;
  position: relative;
  top: -5px;
  left: -5px;
  padding: 10px;
  }

.social_panel .social_widget {
  display: inline-block;
  margin-right: 1em;
  }

.social_panel .social_widget.omega {
  margin-right: 0;
  }

a .social_hilite {
  border: solid #f8f8f8 1px;
}

a .social_hilite.gray {
  border: solid #ccc 1px;
}

a:hover .social_hilite {
  border: solid #999 1px;
}

.social_panel .public_choice_hint {
  clear: both;
  margin-top: 10px;
  text-align: center;
  text-transform: uppercase;
}
  
/* Panel
-------------------------------------------------------------------------------------------------------*/

.panel {
  margin: 20px 0;
  padding: 0;
  width: 100%;
  background: #e4e4e4;
  border-radius: 0;
  }
  
#panel-jq, 
#panel-mc,
#panel-cc,
#panel-pc {
  display:none;
  }

.panel .panel-refresh {
  float: right;
  padding: 0.8em 2em 0.8em 0;
  }

.panel .panel-refresh > a, .panel .panel-refresh > span {
  display: inline-block;
  padding: 0 1em 0 0;
  font-size: 11px;
  }

.panel .panel-refresh a.refresh {
  float: right;
  padding-right: 2em;
  background: url(/images/custom/base/refresh_posts.png) no-repeat 100% 0;
  }

.panel .panel-refresh a.spinner {
  float: right;
  padding-right: 2em;
  background: url(/images/custom/base/spinner.gif) no-repeat 100% 0;
  }

.panel .panel-refresh a.new-post {
  float:right;
  }

.panel .panel-refresh .panel-unread {
  float: right;
  font-weight: bold;
  padding-left: 2em;
}

.panel-header {
  padding: 0.5em 0;
  }

.panel-header .header-text {
  margin: 0;
  padding: 0 0 0 0.5em;
  font-size: 1.8em;
  color: #333;
  font-weight: normal;
}

#panel-cc p,
#panel-pc p {
  margin: 0px 20px 0px 20px; 
  padding: 10px; 
  font-size:1.3em;
  }

.panel .divider {
  margin-left: 20px;
  margin-right: 20px;
  border-top: 1px solid white;
  }

#presentation_actions {
  width:100%;
  height:25px;
  display:inline;
  postion:relative;
  left:-2px;
  }

/* Comm Choice Votes
-------------------------------------------------------------------------------------------------------*/
.panel h3 {
  margin: 0;
  padding: 10px;
  font-size: 1.8em;
  color: #333;
/*   width: 100%; */
  font-weight: normal;
  }
  
.panel h3 div#instructions {
  font-size: 0.9em;
  clear: both;
  }

span.detail {
    font-size: 0.8em;
  }  
  
.commchoice_votes {
  margin: 0px 20px 10px 20px;
  padding:10px 0 0;
  float:left;
  width: 100%;
  }

.commchoice_votes ul {
  margin:0;
  padding:0;
  width: 100%;
  float:left;
  list-style: none;
  }  
.commchoice_votes ul li {
  margin:0 0 0 1%;
  padding:8px 1%;
  width: 21%;
  float: left;
  font-weight: bold;
  background: #d6d6d6;
  }
.commchoice_votes ul li a {float:left;} /*IE7 Fix*/

.commchoice_votes ul li a.presenter {
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  width: 75%;
}

.commchoice_votes ul li a.remove {
  float:right;
  display:block;
  width: 19px;
  height: 19px;
  text-indent: -9000px;
  overflow: hidden;
  background-image: url(/images/custom/base/btn_remove2.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  }
  
.commchoice_votes ul li a.remove:hover {
  background-position: 0 -59px;
  }
  
.commchoice_votes ul li.used {
  background: #fff;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  }


/* Comments / Queries
-------------------------------------------------------------------------------------------------------*/
ul.comment-thread {
  margin: 0 0;
  padding: 0px;
  list-style: none;
  float: left;
  width: 100%;
  }
  
ul.comment-thread li {
  clear:left;
  margin: 0;
  padding: 0px 20px 10px 20px;
  float: left;
  width: 94%;
  }

ul.comment-thread li.comment div.divider {
  margin: 0px 0px 10px 0px;
  border-top: 1px solid white;
  }
  
li#new_comment_form div.divider {
  padding-left: 0px;
  padding-right: 0px;
  border-top: 1px solid white;
  }
  
ul.comment-thread li a {
  font-size: 1.1em;
  }
  
ul.comment-thread li.prompt a {
  font-size: 1em;
  }
  
.reply {
  padding-left: 60px;
  background: transparent url(/images/custom/base/icon_reply2.png) no-repeat 0 0;
  }

/* The png is not rendering in IE7 (?) perhaps something to do with the parent? */
/* We will override with a JPG class, which seems to work ok */

.reply-jpg {
  padding-left: 60px;
  background: #e4e4e4;
  background-image: url(/images/custom/base/icon_reply2.jpg); 
  background-position: 0 0;
  background-repeat: no-repeat;
  }
  
.bold {font-weight: bold; color: #222 !important;}

.comment-left {
  float: left;
  width: 100%;
/*   background: red; */
  line-height: 16px;
  }

#new_comment_form .comment-left {
    width: 100px;
    margin: 5px 5px 5px 0;
    padding: 0 5px 5px 0;
    text-align: center;
}

.comment-left a.external-hidden {
  color: #1686af;
  }
  
.comment-left a.external-hidden:hover {
  color: #000;
  }

.comment-left a.external-hidden:active {
  color: #000;
  }
  
.comment-left h4 {
  margin-bottom: 0;
  padding-bottom: 0;
  }

.comment-left .roles {
  margin-top: 0;
  padding-top: 0;
  }
/* default for small screen */
.commenter_meta {
		padding-left: 5px;
		display: inline-block;
		vertical-align: top;
} 
  
.comment-body {
  /*margin: 0 0 0 24.21%;*/
  margin: 0;
  /*font-size: .8em;*/
  min-height: 70px;
  }

.comment-body input.btn {
  margin: 10px 0 0 0;
  }
  
.comment-body a.reply_link {
  font-size: 1.2em;
  font-weight: bold;
  }

.comment-body form a.cancel_link {
  font-size: 1.2em;
  padding-left: 1em;
  position: relative;
  top: 0px;
  }
  
.comment-body form a.cancel_link.center {
  top: 15px;
  }
  
.comment-links {
  float: right;
  padding: 0px;
  margin: 0px;
  }
  
.comment-links a {
  padding: 0px 10px 0px 10px;
  font-weight: bold;
  }

.comment-body divs {
  font-size: 1.2em;
  }

.comment-body div.links a {
  padding: 0px 10px 0px 10px;
  font-weight: bold;
  }

.comment-body div.right {
  float:right
  }
  
.comment-body a.report_link {
  display: none;
  font-weight: normal !important;
  font-size: 11px ! important;
  }

.comment-content {
	word-break: keep-all;
}

.comment a.upvote_link {
  font-weight: bold !important;
  font-size: 11px ! important;
  float: right;
  white-space: nowrap;
  padding-left: 22px;
  padding-bottom: 6px;
  }
  
.comment a.upvote_link.up {
  background: url(/images/custom/base/thumbs-up-circle-lite.png) no-repeat 100% 0;
  }
  
.comment a.upvote_link.down {
  background: url(/images/custom/base/thumbs-up-green-on-white.png) no-repeat 100% 0;
  }
  
.comment a.upvote_link.spinner {
  background: url(/images/custom/base/spinner.gif) no-repeat 100% 0;
  background-position: 8px 2px;
  }  
  
.comment div.upvote {
  margin-top: 10px;
  font-size: 1.2em;
  color: #888;
  position: relative;
  }
  
.comment div.count {
  float: right;
  margin-left: 5px;
  }  

.comment div.users {
  display: none;
  color: #666;
  font-size: 0.9em;
  font-weight: normal;
  background-color: white;
  padding: 5px 10px 5px 10px;
  position: absolute;
  float: right;
  min-width: 150px;
  top: 25px;
  right: -20px;  
  border-radius: 5px;
  box-shadow: 2px 2px 2px #C2C2C2;  
  overflow: hidden;
  z-index: 999;
  }  
  
.comment div.users span.feedback_by {
  color: #777;
  font-weight: bold;
  }

.comment div.upvote_tooltip {
  display: none;
  color: #666;
  font-size: 0.9em;
  font-weight: normal;
  background-color: white;
  padding: 5px 10px 5px 10px;
  position: absolute;
  float: right;
  min-width: 70px;
  top: -34px;
  right: -20px;  
  border-radius: 5px;
  box-shadow: 2px 2px 2px #C2C2C2;  
  overflow: hidden;
  z-index: 999;
  }  
  
.comment-body a.dismiss_link {
  }

.comment-meta {
  color: #999;
  font-size: 1.2em;
  font-weight: normal;
  display:block;
  }

.comment-content-body {
  padding-top:3px;
  display:inline-block;
  width:100%;
  }
  
.comment-content-body ul, .comment-content-body ol {
  font-size: 1.2em !important;
  display: inline-block;
  width: 100%;
  padding:1em 0 0 1.5em;
}

.comment-content-body ul {
  list-style-type: disc;
}
.comment-content-body ol {
  list-style-type: decimal;
}

.comment-content-body ul li, .comment-content-body ol li {
  padding: 0 0 5px 0;
}

.comment-content-body p {
  padding-top:10px;
}

.dark {
  background: #e4e4e4;
  }
  
ul.comment-thread.dark li {}  
ul.comment-thread.dark p {color: #555;}

/* There are better ways to style these forms, but ok for now */
form.new_post,
form.reply_post {
  padding-top: 10px;
  }

form.new_post .text_input,
form.reply_post .text_input {
  width: 100%;
  float: left;
  padding-bottom:5px;
  }

form.new_post .label,
form.reply_post .label {
  margin-top: 4px;
  display: block;
  width: 40px;
  float: left;
  font-weight: bold;
  font-size: 100%;
  color: black;
  }

form.new_post .input,
form.reply_post .input {
  width: 40px;
  float: left;
  }  

form.new_post .note,
form.reply_post .note {
  display: block;
  float: left;
  font-weight: normal;
  font-size: 1.0em;
  }

.commenter_input {
  width: 30em;
  padding: 5px;
}
  
/* Table stuff
-------------------------------------------------------------------------------------------------------*/

table {
  margin: 1em 0 1em;
  width: 100%;
  }

table.tbl_list caption {
  font-weight: bold;
  padding-bottom: .5em;  
  }

table.tbl_list thead th {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  background: #6f97b2;
  font-size: 1.2em;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  }

table.tbl_list thead th.pad {
  padding: 5px 10px;
  }

table.tbl_list thead th a {
  padding: 5px 10px;
  display: block;
  color: #fff;
  background: transparent url(/images/custom/base/sort.png) no-repeat right center;
  }
  
table.tbl_list thead th a:hover {
  display: block;
  color: #fff;
  text-decoration: none;
  }
  
table.tbl_list tbody tr td:first-child {
  border-left: 1px dotted #e1e1e1;
  }

table.tbl_list tbody td {
  padding: 16px 10px;
  font-size: 1.2em;
  vertical-align: top;
  color: #666;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px dotted #e1e1e1;
  }

.odd {background: #edf2f5;}  
.even {background: #fbfbfb;} 

table.tbl_list tbody.people_tbl td {
  min-height: 70px !important;
  }

table.tbl_list tbody.people_tbl td span a, 
table.tbl_list tbody.judges_tbl td span a {
  padding: 0 20px 0 42px; /*Give spacing to external link icon */
  float: left;
  background: transparent url(/images/custom/base/link_external.png) no-repeat right top !important;
  }

span.icon_offsite {
  padding-right: 20px; /*Give spacing to external link icon */
  background: transparent url(/images/custom/base/link_external.png) no-repeat right top !important;
  }

a.disabled, a.disabled:hover, a.disabled:active, a.disabled:focus, a.disabled:visited {
  text-decoration: none;
  color: #555;
  cursor: text;
  }
  
table.tbl_list tbody td img {
  padding: 0 10px 5px 0;
  float: left;
  }

table.tbl_list th.headerSortUp a { 
  background: #497390 url(/images/custom/base/sort_up.png) no-repeat right center; 
  } 

table.tbl_list th.headerSortDown a { 
  background: #497390 url(/images/custom/base/sort_down.png) no-repeat right center; 
  }

table.tbl_list th.wider_state {
  width: 70px;
  }

/* this is a duplicate of tbl_list, with the spacing slightly tightened up */
/* should be refactored into some type of base table class that works for everything */

table.activity_list caption {
  font-weight: bold;
  padding-bottom: .5em;  
  }

table.activity_list thead th {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  padding-left:5px;
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  background: #6f97b2;
  font-size: 1.2em;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  }

table.activity_list thead th a {
    padding: 5px 10px;
  display: block;
  color: #fff;
  background: transparent url(/images/custom/base/sort.png) no-repeat right center;
  }
  
table.activity_list thead th a:hover {
  display: block;
  color: #fff;
  text-decoration: none;
  }
  
table.activity_list tbody tr td:first-child {
  border-left: 1px dotted #e1e1e1;
  }

table.activity_list tbody td {
  padding: 8px 10px 3px 10px;
  font-size: 1.2em;
  vertical-align: top;
  color: #666;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px dotted #e1e1e1;
  }

table.activity_list tbody.people_tbl td {
  min-height: 60px !important;
  }

table.activity_list tbody.people_tbl td span a, 
table.activity_list tbody.judges_tbl td span a {
  padding: 0 20px 0 42px; /*Give spacing to external link icon */
  float: left;
  background: transparent url(/images/custom/base/link_external.png) no-repeat right top !important;
  }
  
table.activity_list tbody td img {
  padding: 0 10px 5px 0;
  float: left;
  }

table.activity_list th.headerSortUp a { 
  background: #497390 url(/images/custom/base/sort_up.png) no-repeat right center; 
  } 

table.activity_list th.headerSortDown a { 
  background: #497390 url(/images/custom/base/sort_down.png) no-repeat right center; 
  }

table.activity_list th.wider_state {
  width: 70px;
  }

/* Login Box (see related rules in home.css)
------------------------------------------------------------------------------------------------------*/

#login_info {
  background: #fff;
  float:left;
  width: 100%;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  }

#login_info.standalone {
  width:310px;
  margin-bottom:50px;
  }
  
#login_info2 {
  padding: 20px 0px 20px 20px;
  float: left;
  }
  
#login_info input {
  margin: 0 0 5px;
  }
  
#login_info input.i_text {
  padding: 8px 8px;
  width: 184px;
  }
  
#remember_row {
  margin: .5em 0;
  }
  
#login_info .submit_wrap {
  float: left;
  background: #fff; /* Fixes layout bug in Firefox 3.6 */
  }

#login_info .links_wrap {
  line-height: 2.5;
  float: left;
  padding-left: 10px;
  font-size: 1em;
  }

/* FAQ Section
------------------------------------------------------------------------------------------------------*/

.faq_nav {
  margin: 10px 0 30px !important;
  float: left;  
  width: 100%;
  }

.faq_nav li {
  float: left;
  list-style: none;
  border-bottom: 1px solid #eee;
  }  

.faq_nav li a {
  padding: 10px 20px;
  float: left;
  list-style: none;
  font-weight: bold;
  border-bottom: 1px solid #fff;
  }
  
.faq_nav li a:hover {
  border-bottom: 1px solid #ccc;
  }

ol.faqs {
  margin-bottom: 30px;
  }

ol.faqs li {
  padding: 5px 0;
  border-bottom: 1px solid #eee;
  }
  
ol.faqs li a {
  font-style: italic;
  font-size: 1.2em;
  cursor: pointer;
  }

ol.faqs li div {
  margin-top: 1em;
  margin-bottom: 1em;
  display: none;
  color: #000;
  font-size: .9em;
  }

ol.faqs li div ul, ol.faqs li div ul li, ol.faqs li div ol, ol.faqs li div ol li {
  font-size: 1.1em;
  border: none;
  }

ol.faqs li div a {
  font-style: normal;
  font-size: inherit;
  }
 
 ol.faqs li p {
  font-size: 1.3em !important;
  }
 
/* Misc.
------------------------------------------------------------------------------------------------------*/

.clearfix {
  clear: both;
  font-size: 1px;
  }
  
.left {float:left;}
.right {float:right;}


/* misc. form styles */
form.misc div.row {
  margin-top:1em;
}

form.misc div.row label {
  font-size: 1.1em;
  font-weight: bold;
}

form.misc div.submit_wrap {
  margin: 10px 0px 50px 0px;
}

form.misc #recaptcha_widget_div {
  width:400px;
  margin-top: 1em;
  margin-bottom: 1.5em;
}

#abstract_scroll {
  height: 270px;
  padding: 1.5em;
  overflow: auto;
  background-color: #eee;
}

#abstract_scroll.single_attachment {
  height: 200px;
}

#abstract_scroll.multiple_attachments {
  height: 255px;
}

  .scrollable.audio_control #abstract_scroll {
    height: 305px;
  }
  .scrollable.audio_control #abstract_scroll.single_attachment {
    height: 250px;
  }
  .scrollable.audio_control #abstract_scroll.multiple_attachments {
    height: 235px;
  }

  .scrollable.multiple_presenters #abstract_scroll {
    height: 268px;
  }
  .scrollable.multiple_presenters #abstract_scroll.single_attachment {
    height: 197px;
  }
  .scrollable.multiple_presenters #abstract_scroll.multiple_attachments {
    height: 185px;
  }
  .scrollable.multiple_presenters #abstract_scroll.multiple_attachments.room4award {
    height: 85px;
  }

  .scrollable.winner #abstract_scroll {
    height: 210px;
  }
  .scrollable.winner #abstract_scroll.single_attachment {
    height: 145px;
  }
  .scrollable.winner #abstract_scroll.multiple_attachments {
    height: 135px;
  }
  
  .scrollable.audio_control.winner #abstract_scroll {
    height: 258px;
  }
  .scrollable.audio_control.winner #abstract_scroll.single_attachment {
    height: 203px;
  }
  .scrollable.audio_control.winner #abstract_scroll.multiple_attachments {
    height: 188px;
  }

  .scrollable.winner.multiple_presenters #abstract_scroll {
    height: 155px;
  }
  .scrollable.winner.multiple_presenters #abstract_scroll.single_attachment {
    height: 95px;
  }
  .scrollable.winner.multiple_presenters #abstract_scroll.multiple_attachments {
    height: 105px;
  }
  
#abstract_scroll h3 {
  margin-top: 0;
  font-weight: bold;
}

#abstract_scroll p {
  padding-bottom: 1em;
}

#attachment_scroll {
  border-top: solid #f8f8f8 5px;
  /* border: solid black 1px; */
  display: block;
  height: 35px;
  overflow: auto;
  padding: 1.5em;
  background-color: #eee;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}

#attachment_scroll.single_attachment {
  height: 35px;
}

#attachment_scroll.multiple_attachments {
  height: 50px;
}

.panel_content {
  height: 165px;
  overflow-y: scroll;
  padding:5px 0px 10px 5px;
}
.panel_content.single_attachment {
  height: 130px;
}
.panel_content.multiple_attachments {
  height: 130px;
}

/* MS IE10/11 fix */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #abstract_scroll.multiple_attachments {
    height: 210px;
  }
}

/* MS edge fix */
@supports (-ms-ime-align:auto) {
  #abstract_scroll.multiple_attachments {
    height: 210px;
  }
}

.highlight {
  background-color:#FFC;
}

.btn.highlight {
  background-color:#FFC;
  color: #666;
}

.btn_toggle {
  width: 30px;
  height: 17px;
  display:block;
  background-image: url(/images/custom/base/btn_toggle_on_off.png);
  background-position: 0 0;
}

.btn_toggle.off {
  background-position: 0 -17px;
}

/* Member Profile Icon Styles
----------------------------------------------*/
img.icon_tiny_profile {
  height: 32px;
  width: 32px;
}

img.icon_35_profile {
  height: 35px;
  width: 35px;
}

img.icon_small_profile {
  height: 50px;
  width: 50px;
}

img.icon_medium_profile {
  height: 65px;
  width: 65px;
}

img.icon_default_profile {
  height: 128px;
  width: 128px;
}

img.icon_big_profile {
  height: 150px;
  width: 150px;
}

#top_list .presentation_container {
  width: unset;
}

/* Recent discussion styles
------------------------------------------------*/
.presentations_list {
  margin-bottom:20px;
  font-size:1.5em;
  margin-left:5%;
}
  
.presentation_container {
  padding:15px;
  margin:5px;
  background-color:#fff; 
  border:#eee solid 1px;
  float:left;
  font-size:.8em;
}

.post_count {
  background-color:#497390;
  color:#fff;
  height:20px;
  position:relative;
  width:60px;
  padding:0px 7px 0px 5px;
}

.post_container {
  /*width:45%;*/
  height:145px;
  background-color:#fff;
  margin:10px;
  float:left;
  border: solid 3px #ccc;
  overflow:hidden;
}

.post_container .profile_container {
  float:left;
  width:30%;
  height:100%;
  padding-top:10px;
  background-color:#ccc;
  background-image:url('/images/custom/base/discussion_pointer_bg.jpg');
  background-repeat: no-repeat;
  background-position:right top;
}

.post_container .comment_container {
  float:left;
  width:70%;
  font-size:1.2em;
  height:135px;
  overflow:hidden;
}

/* date time picker */
.dtp {
  font-size: 1.5em;
}

.description_input {
  width: 350px;
  height: 55px;
}

.embed-container {
  position: relative; 
  padding-bottom: 56.25%; 
  /*padding-top: 30px; */
  height: 0; 
  overflow: hidden; 
}

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

#mobile_loggedin_options {
  float: right;
}

.contact_input {
  width: 400px;
}

.contact_form {
  padding-left:5%;
  padding-top:5px;
}

#page_nav {
  font-size: 1.3em;
  font-weight: bold;
  background-color: #f7b235;
  padding:4px 0 3px 5px;
}

.panel_content.abstract.expanded {
  height: auto;
  overflow: hidden;
}

.social_media_toolkit_img {
  width: 417px;
  float: left;
  margin-top: 5px;
  margin-right: 8px;
}

.visit_from_post.counter {
  background-color: #f0f8ff;
  padding: 2px 5px 1px 3px;
}

.slim {
    padding-left: 0;
    padding-right: 0;
}

/* EXCEPTION FOR ALL SMALL SCREENS  */
/* =========================================================*/
@media screen 
  and (min-device-width: 320px) 
  and (max-device-height: 667px),
  
  screen 
  and (min-device-width: 360px) 
  and (max-device-height: 740px) {

  .content_grey {
    padding-top: 10px !important;
  }
 
  .responsive_wrap {
    padding: 0 20px 0 20px;
  }
  
  /*.list_col {
    margin-right:10px !important;
    width: 100% !important;
  }*/

  .list_col #presentation_grid {
    margin: 0 auto;
    /*width: 80%;*/
  }
  
  #meta_tabs {
    padding-left:0px;
    padding-right:0px;
  }
  
  .scrollable {
    width: 100%;
    height: 275px;
  }

  .scrollable.audio_control {
    height: 235px;
    }

  .scrollable.multiple_presenters {
    height: 208px;
  }

  .scrollable.winner {
    height: 197px;
  }

  .scrollable.audio_control.winner {
    height: 188px;
  }

  .scrollable.winner.multiple_presenters {
    height: 130px;
  } 
  
  .scrollable.multiple_presenters #abstract_scroll {
    height: 150px;
  }
  
  .video {
    height: 170px;
  }
  
  .presentation_col {
    padding: 0;
    min-width: 310px;
  }
  
  .presenter_col {
    padding: 0;
  }
  
  /*.member_actions_col {
    padding: 0;
  }*/

  .comment-body {
    margin: 0;
  }
  
  /*.commchoice,
  .pubchoice,
  .scorecard,
  .membersforum,
  .judgesforum {
    padding: 10px 10px 10px 35px !important;
    margin-top: 5px !important;
    width: 220px;
    font-size:1.5em !important;
    margin-left: 40px !important;
  } */ 

  
  /*.panelarrow {
    background: none !important;
  }*/

  /*.filter_col {
    display: none;
  }*/
  
  .filter_col_mobile {
    min-width:310px;
    display: block;
  }
  
  /*#filter_options #search {
    display: none;
  }*/
  
  #presenter_grid, #judge_grid {
    margin-left: -18px;
  }
  
  .contact_input {
    width: 90%;
  }
  
  .tab-pane {
    min-width:300px;
  }
  
  .navbar-toggle {
    margin-right:0;
  }

  .panel .panel-refresh {
    width: 100%;
  }

  .panel-refresh {
    top: 0;
    right: 0;
    width: 300px;
    margin: 0 !important;
  }
  
  /* #panel-jq, #panel-mc, #panel-cc, #panel-pc {
    width: 100%;
  } */
  .commenter_meta h4 {
    margin-top:0;
  }
  
 /* .commenter_meta {
    padding-left: 5px;
    display: inline-block;
    vertical-align: top;
  } */
  ul.comment-thread li {
    padding-left:10px;
  }
  
  /*.comment-left {
    width: 100%;
  }*/
  
  .reply {
    padding-left: 25px;
  }
  
  .commenter_input {
    width: 95%;
  }
  
  #map {
    height:400px;
  }
  
  .main_col ul, .main_col ol, .third_col ul, .main_column ul, .main_column ol, .third_column ul {
    margin: 1em 20px;
  }
  
  #cms_page_main {
    width: inherit;
  }
  
  .social_media_toolkit_img {
    width: 100%;
  }
  
/*  .list_header {
  background-color: #eaeaea;
  padding: 10px 5px 0 10px;
  position: fixed;  
  margin-bottom: 0 !important;
  bottom: 0;
  left: 0;
  z-index:1030;
  }
*/
  
}


/* EXCEPTION FOR SMALL SCREENS (iphone 5)  */
/* =========================================================*/
@media screen 
  and (min-device-width: 320px) 
  and (max-device-height: 568px) {

  .content_grey {
    padding-top: 10px !important;
  }
 
  .responsive_wrap {
    padding: 0 20px 0 20px;
  }

  .grid_col {
    min-width: 320px;
    /*padding-left:10px;*/
  }  
  
  /* this is to fit iphone 5 or older, can eventually go up to 5px if we decide to stop supporting them */
  .grid_col li {
    margin: 0 4px 15px 0;
    padding: 3px;
  }
  .browse_mask {
    top: 3px !important;
    left: 3px !important;
  }
  
  /*.list_col {
    margin-right:10px !important;
    width: 100% !important;
  }*/

  #presentation_grid {
    margin-left: 20px;
  }

  #filter_options {
    width: 250px;
    margin-left: 5px;
  }
  
  #filter_options li a {
    width: 250px !important;
  }
  
  #filter_options li div {
    width: 250px !important;
  }
  
  #meta_tabs {
    padding-left:0px;
    padding-right:0px;
  }
  
  .scrollable {
    width: 100%;
    height: 275px;
  }

  .scrollable.audio_control {
    height: 235px;
    }

  .scrollable.multiple_presenters {
    height: 208px;
  }

  .scrollable.winner {
    height: 197px;
  }

  .scrollable.audio_control.winner {
    height: 188px;
  }

  .scrollable.winner.multiple_presenters {
    height: 130px;
  } 
  
  .scrollable.multiple_presenters #abstract_scroll {
    height: 150px;
  }
  
  .video {
    height: 170px;
  }
  
  .presentation_col {
    padding: 0;
    min-width: 310px;
  }
  
  .presenter_col {
    padding: 0;
  }
  
  /*.member_actions_col {
    padding: 0;
  }*/
  
  .commchoice,
  .pubchoice,
  .scorecard,
  .membersforum,
  .judgesforum {
    padding: 10px 10px 10px 35px !important;
    margin-top: 5px !important;
    width: 220px;
    font-size:1.5em !important;
    margin-left: 20px !important;
  }  
  .closed_discussion {
    /*margin-left: 20px !important;*/
  }
    
  .panelarrow {
    background: none !important;
  }

  .filter_col {
    display: none;
  }
  
  .filter_col_mobile {
    min-width:310px;
    display: block;
  }
  
  #filter_options #search {
    display: none;
  }
  
  #presenter_grid, #judge_grid {
    margin-left: -18px;
  }
  
  .contact_input {
    width: 90%;
  }
  
  .tab-pane {
    min-width:300px;
  }
  
  .navbar-toggle {
    margin-right:0;
  }

  .panel .panel-refresh {
    width: 100%;
  }

  .panel-refresh {
    top: 0;
    right: 0;
    width: 300px;
    margin: 0 !important;
  }
  
  .commenter_meta h4 {
    margin-top:0;
  }
  
  /*.commenter_meta {
    padding-left: 5px;
    display: inline-block;
    vertical-align: top;
  } */
  
  ul.comment-thread li {
    padding-left:10px;
  }
  
  /*.comment-left {
    width: 100%;
  }*/
  
  .comment-body {
    margin: 0;
  }
  
  .reply {
    padding-left: 25px;
  }
  
  .commenter_input {
    width: 95%;
  }
  
  #map {
    height:400px;
  }
  
  /* for old hall with video/poster tabs */
  .tab {
    width: 100px;
  }
  
/* Recent discussion styles
------------------------------------------------*/  
  
  .presentations_list {
    margin-left:15px;
  }

  .post_container {
    width: 100%; 
    margin: 10px 5px 10px 0;  
  }
  
  .post_container .profile_container {
    width: 23%;
    background-image: none !important;
    padding: 0 4px 0 1px;
  }

  .post_container .comment_container {
    width: 75%;
  }  
  
}

/* NEW activity menu */
#my_activity_js {
  z-index: 200;
  position: absolute;
  right: 0px;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px 10px 10px 15px;
  display:none;
}

#my_activity #my_account, #my_activity_js #my_account, #my_activity #guest_account, #my_activity_js #guest_account {
  background-color: #ddd;
  padding: 5px;
  margin: 10px -10px -10px -15px;;
}

#my_activity #my_account #logout_link, #my_activity_js #my_account #logout_link {
  float: right;
}
/* EXCEPTION FOR SMALL SCREENS (galaxy phones)  */
/* =========================================================*/
@media screen 
  and (min-device-width: 360px) 
  and (max-device-height: 640px),
  
  screen 
  and (min-device-width: 360px) 
  and (max-device-height: 740px) {
  
  .grid_col {
    min-width: 360px;
  }
  
  .grid_col li {
    margin: 0 10px 15px 0;
    padding: 10px;
  }

  .browse_mask {
    top: 10px !important;
    left: 10px !important;
  }
  
  #presentation_grid {
    margin-left: 30px;
  } 
  
  /*#filter_options {
    width: 270px;
    margin-left: 10px;
  }
  
  #filter_options li a {
    width: 270px;
  }
  
  #filter_options li div {
    width: 270px;
  } */ 


  .browse_img {
    width:auto;
  }
  
  .list_col li a .browse_meta {
    width: auto;
  }
  
/* Recent discussion styles
------------------------------------------------*/  
  .presentation_container {
    width: 75%;
  }
  
  .presentations_list {
    margin-left:30px;
  }

  .post_container {
    width: 100%; 
    margin: 10px 5px 10px 0;  
  }
  
  .post_container .profile_container {
    width: 25%;
    background-image: none !important;
  }

  .post_container .comment_container {
    width: 75%;
  }  
}

/* LANDSCAPE MODE */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  

  #presentation_grid {
      margin-left: 10% !important;
  }  

  #presenter_grid, #judge_grid {
    min-width: 650px !important;
    margin-left: 8% !important;
  }
}

/* EXCEPTION FOR SMALL SCREENS (iphone6 or iphoneX)  */
/* =========================================================*/
@media screen 
  and (min-device-width: 375px) 
  and (max-device-height: 667px),
  
  screen 
  and (min-device-width: 375px) 
  and (max-device-height: 812px)
  and (-webkit-device-pixel-ratio : 3),
  
  screen 
  and (min-device-width: 390px) 
  and (max-device-height: 844px)
  and (-webkit-device-pixel-ratio : 3),
  
  screen 
  and (min-device-width: 248px) 
  and (max-device-height: 926px)
  and (-webkit-device-pixel-ratio : 3),
  
  screen 
  and (min-device-width: 414px) 
  and (max-device-height: 896px)
  and (-webkit-device-pixel-ratio : 3) {
  
  .grid_col {
    min-width: 370px;
  }
  
  .grid_col li {
    margin: 0 11px 15px 0;
    padding: 12px;
  }
  .browse_mask {
    top: 12px !important;
    left: 12px !important;
  }
  
  /*.list_col {
    margin-right:10px !important;
    width: 100% !important;
  }*/

  #presenter_grid, #judge_grid {
    margin-left: -13px;
  }

  #presentation_grid {
    margin-left: 45px;

  }

  .browse_img {
    width:auto;
  }
  
  .list_col li a .browse_meta {
    width: auto;
  }
  
  /*#filter_options {
    width: 270px;
    margin-left: 20px;
  }
  
  #filter_options li a {
    width: 270px;
  }
  
  #filter_options li div {
    width: 270px;
  } */
  
  #meta_tabs {
    padding-left:0px;
    padding-right:0px;
  }
  
  .scrollable {
    width: 100%;
    height: 275px;
  }

  .scrollable.audio_control {
    height: 235px;
    }

  .scrollable.multiple_presenters {
    height: 208px;
  }

  .scrollable.winner {
    height: 197px;
  }

  .scrollable.audio_control.winner {
    height: 188px;
  }

  .scrollable.winner.multiple_presenters {
    height: 130px;
  } 
  
  .scrollable.multiple_presenters #abstract_scroll {
    height: 150px;
  }
  
  .video {
    height: 170px;
  }
  
 /* .presentation_col {
    padding: 0;
    min-width: 310px;
  }*/
  
  .presenter_col {
    padding: 0;
  }
  
  /*.member_actions_col {
    padding: 0;
  }*/

  .comment-body {
    margin: 0;
  }
  
/*  .commchoice,
  .pubchoice,
  .scorecard,
  .membersforum,
  .judgesforum {
    padding: 10px 10px 10px 35px !important;
    margin-top: 5px !important;
    width: 220px;
    font-size:1.5em !important;
    margin-left: 40px !important;
  }  
*/  
  .btn.current {
    /*margin-left: 0px !important;*/
  }

  .closed_discussion {
    margin-left: 40px!important;
  }
  
  /*.panelarrow {
    background: none !important;
  }*/

  /*.filter_col {
    display: none;
  }*/
  
  .filter_col_mobile {
    min-width:310px;
    display: block;
  }
/* Recent discussion styles
------------------------------------------------*/  
  .presentation_container {
    width: 75%;
  }
  
  .presentations_list {
    margin-left:30px;
  }

  .post_container {
    width: 100%; 
    margin: 10px 5px 10px 0;  
  }
  
  .post_container .profile_container {
    width: 25%;
    background-image: none !important;
  }

  .post_container .comment_container {
    width: 75%;
  }
}

/* EXCEPTION FOR SMALL SCREENS (iphone6 plus or pixel phones)  */
/* =========================================================*/
@media screen 
  and (min-device-width: 414px) 
  and (max-device-height: 736px),
  
  screen 
  and (min-device-width: 411px) 
  and (max-device-height: 823px)
  {

  .content_grey {
    padding-top: 10px !important;
  }

  .responsive_wrap {
    padding: 0 5px 0 5px;
  }
  
  .filter_col_mobile {
      min-width: 310px;
      display: block;
  }

  /*.filter_col {
      display: none;
  }*/
  
  /*#filter_options {
    width: 300px;
    margin-left: 40px;
  }
  
  #filter_options li a {
    width: 300px;
  }
  
  #filter_options li div {
    width: 300px;
  } */ 

  /*#filter_options #search {
      display: none;
  }*/
  
  /*.list_col {
    margin-right:10px !important;
		width: -webkit-calc(100% - 330px);
		width:    -moz-calc(100% - 330px);
    width: 				 calc(100% - 330px) !important;
  }*/

  #presentation_grid {
    margin-left: 20%;
  } 
  
  .browse_img {
    width:auto;
  }


  .list_col li a .browse_meta {
    width: auto;
  }

  #presenter_grid, #judge_grid {
    margin-left: 10px;
  }
  
  .video {
    height: 210px;
  }
  
  .tab-content {
    width: 98%;
  }

  /*.commchoice, .pubchoice, .scorecard, .membersforum, .judgesforum {
      padding: 10px 10px 10px 35px !important;
      margin-top: 5px !important;
      width: 220px;
      font-size: 1.5em !important;
      margin-left: 65px !important;
  }*/

  /*.panelarrow {
      background: none !important;
  }*/

  /*.comment-left {
    float: left;
    width: 100%;
  }*/
  
  /*.commenter_meta {
      padding-left: 5px;
      display: inline-block;
      vertical-align: top;
  } */ 
  
  /*.comment-body {
    width:100%;
    margin: 0;
  }*/
  
  /*.reply {
    padding-left: 20px;
    width: 95%;
  }*/
  
  .social_media_toolkit_img {
    width: 100%;
  }  

  #cms_page_main {
    width: inherit;
  }
  

  
/* Recent discussion styles
------------------------------------------------*/  
  .presentation_container {
    width: 75%;
  }
  
  .presentations_list {
    margin-left:40px;
  }
  
  .post_container {
      width: 95%;  
  }
  
  .post_container .profile_container {
    width: 25%;
    background-image: none !important;
  }
}







/* EXCEPTION FOR MEDIUM SCREENS (tablets)  */
@media screen 
  and (min-device-width: 600px) 
  and (max-device-height: 1280px) {
  
  .content_grey {
    /*padding-top: 10px !important;*/
  }

  .responsive_wrap {
    /*padding: 0 35px 0 10px;*/
    padding: 0 5px 0 10px;
  }
  
  .grid_col li {
    margin: 0 8px 15px 0;
  }

  #presenter_grid, #judge_grid {
    min-width: 760px;
    margin-left: 5px;
    margin-right: 10px;
  }
  
  .scrollable.audio_control {
    height: 235px;
    }

  .scrollable.multiple_presenters {
    height: 208px;
  }

  .scrollable.winner {
    height: 197px;
  }

  .scrollable.audio_control.winner {
    height: 188px;
  }

  .scrollable.winner.multiple_presenters {
    height: 130px;
  } 
  
  .scrollable.multiple_presenters #abstract_scroll {
    height: 175px;
  }

  .scrollable.multiple_presenters #abstract_scroll.single_attachment {
      height: 140px;
  }

	/*.panel {
		width: 95%;
	}*/
	
  .persona_panel {
    margin-top: 5px !important;
  }
  .filter_col {
    width: 200px;
  }
  
  .presentations_list {
    margin-left:0px;
  }
  
  /*.comment-body {
    margin: 0 !important;
	}*/
}

/* hall menu setup */

#my_activity_wrap {
  float: right;
  min-height: 40px;
  background-color: #fff;
  border: 1px solid #eee;
  font-family: "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;
}

#my_activity_wrap > #my_activity_btn {
  text-decoration: none;
}

#my_activity_wrap > #my_activity_btn > div {
  display: flex;
  padding: 4px 5px 1px 5px;
}

#my_activity_wrap > #my_activity_btn > div > div {
  display: inline-block;
  padding: 5px 10px 0 10px;
  font-weight: bold;
  font-size: 1.5em;
}

#my_signup_login_wrap {
  display: inline-block;
  float: right;
  padding: 10px 20px 0 10px;
  font-family: "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 1.5em;
}

#my_activity_js_container {
  position: relative;
}

#my_activity_js {
  margin: 0;
  padding: 0;
  font-family: "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;
  color: #444;
  max-width: 325px;
}

#my_activity_js h2 {
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 2em;
  background-color: solid #ccc 1px;
  color: #444;
}

#my_activity_js h2 {
  text-transform: none;
  font-size: 2.2em;
}

#my_activity_js h3 {
  margin: 1em 0 1em 0;
  padding: 0.5em;
  background-color: #dedede;
  border: solid #ccc 1px;
  border-left: none;
  border-right: none;
  font-size: 1.8em;
  color: #444;
}

#my_activity_js h3.top {
  margin-top: 0;
  border-top: none;
}

#my_activity_js h4 {
  margin: 1em 1em 0 1em;
  padding: 0;
  font-size: 1.5em;
  color: #444;
}

#my_activity_js h4.top {
  margin-top: 0;
}

#my_activity_js ul {
  list-style-type: disc;
  padding: 0.2em 1.5em 0 3em;
  font-size: 1.3em;
}

#my_activity_js ol {
  list-style-type: decimal;
  padding-left: 1.5em;
}

#my_activity_js .help, #my_activity_js a.help {
  font-size: 0.9em;
}

#my_activity_js ul.bottom {
  margin-bottom: 1.5em;
}

#my_activity_js ul li {
  color: #555;
}

#my_activity_js ul li small {
  display: block;
  font-size: 0.9em;
}

#my_activity_js #my_account {
  margin: 1em 0 0 0;
  padding: 0.7em 1.3em 0.7em 1.3em;
  background-color: #dedede;
  border-top: solid #ccc 1px;
  font-weight: bold;
  font-size: 1.2em;
}

#my_activity_js #my_account a#show_profile_link {
  display: inline-block;
}

#my_activity_js #my_account a#logout_link {
  display: inline-block;
}

#header > .wrap, #headersmall > .wrap {
  /* min-width: unset;
  max-width: unset;
  */
  min-width: inherit;
  max-width: inherit;
}

#navbar_wrap {
  display: inline-block;
  width: 100%;
  background-color: #ccc;
}

#navbar_wrap > .responsive_wrap {
  padding: 0
}

#navbar_wrap > .responsive_wrap > .navbar {
  min-height: 40px;
  display: inline-block;
}

#navbar_wrap button#navbar_btn {
  margin: 4px 0 2px 0;
}

#navbar_wrap #myNavbar > ul {
  padding-top: 6px !important;
}

/*exceptions for larger screen */
/* border-width-based horizontal navbar/menu margins for medium-large screens */
@media screen 
  and (min-width: 768px) {

  #navbar_wrap #myNavbar {
    padding-left: 0;
  }

  #my_activity_js {
    margin-right: 15px;
  }

  #my_activity_wrap {
    margin-right: 15px;
  }
  .filter_col {
    width: 200px;
  }
	.list_header {
		margin: 0 0 10px;
		padding:0;
		float: left;
		position: relative;
		border-bottom: 1px solid #e3e3e3;
		width: 100%;
  	background-color: unset;
	}
	
	.list_col {
		float: left;
		margin-right: 0;
		/*width: 77.10%; /* 1010 / 1310 = .66412 */  
			width: -webkit-calc(100% - 230px);
			width:    -moz-calc(100% - 230px);
			width:         calc(100% - 230px);  
	}	
		
	#filter_options {
		margin-bottom: 30px;
    font-size: 1.2em;
    width: 200px;
  }
  
  #filter_options li a {
    width: 170px;
  }
  
  #filter_options li div {
    width: 170px;
  }

  .presentation_col {
    padding: 0 0 0 15px;
  }
    
  #presentation_grid {
  	width: 100%;
  	margin-left:0;
  }

 .panelarrow {
		width: 22px;
		height: 11px;
		position: absolute;
		top: 41px;
		left: 5px;
		display: none;
		background: transparent url(/images/custom/base/panel_arrow.png) no-repeat 0 0;
  }

	.btn.current .panelarrow, .btn_vote.current .panelarrow {
  	display: block;
  }
  
	.judgesforum, 
	.commchoice,
	.pubchoice,
	.scorecard,
	.membersforum {
		padding: 7px 10px 7px 35px !important;
		width: unset;
		margin: 0 10px 0 0;
		}
		
  .video {
  height: 425px;
  }

  .member_actions_col {
    padding-left: 15px ;
  } 
  
	.comment-left {
    float: left;
    width: 20%;  
  } 
   
  .commenter_meta {
    padding-left: 0;
    display: block;
    vertical-align: top;
  } 
    
  .comment-body {
    margin: 0 0 0 20%; 
  }
}