/*$Id$*/

/**
 * @file
 * This file should only contain structure css for the screenings section
 * Put style css in style.css in the theme
 */

h2.screening-type {
  width: 180px;
}

.screening-example {
  margin-bottom: 22px;
}
.screening-example-examples {
  font-style: italic;
  margin: 15px 0;
}
.screening-example-examples strong {
  font-style: normal;
}

/*These are the colors applied to screening types*/
/*green: classroom*/
.classroom .type {
  color: #ED1E79;
}
h2.screening-type.classroom {
  background-color: #ED1E79;
}

/*blue: community*/
.community .type {
  color: #075932;
}
h2.screening-type.community {
  background-color: #075932;
}

/*red: film festival*/
.film-festival .type {
  color: #D94A1B;
}
h2.screening-type.film-festival {
  background-color: #D94A1B;
}

/*purple: living-room*/
.living-room .type {
  color: #641E71;
}
h2.screening-type.living-room {
  background-color: #641E71;
}

/*pink: public event*/
.public-event .type {
  color: #E12464;
}
h2.screening-type.public-event {
  background-color: #E12464;
}

/*light blue: religious-group*/
.religious-group .type {
  color: #429CF3;
}
h2.screening-type.religious-group {
  background-color: #429CF3;
}

/*orange: workplace*/
.workplace .type {
  color: #FF931E;
}
h2.screening-type.workplace {
  background-color: #FF931E;
}

/*light green: other*/
.other .type {
  color: #6F6D16;
}
h2.screening-type.other {
  background-color: #6F6D16
}

.node .content .column-one {
  float: left;
  width: 303px;
  margin-right: 5px;
}
.node .content .column-two {
  float: right;
  width: 303px;
  margin-left: 5px;
}

/**
 * Order DVD Login Form
 */
#gop-screenings-express-login-form {
  padding: 0 10px; 
}

#gop-screenings-express-login-form #edit-mail-wrapper .description,
#gop-screenings-express-login-form .form-text {
  font-style: italic;
  color: #999;  
}
#gop-screenings-express-login-form .form-text {
  padding: 8px;
}
#gop-screenings-express-login-form .not-user {
  clear: both;
}
#gop-screenings-express-login-form #edit-mail-wrapper {
  clear: both;
}
#gop-screenings-express-login-form #edit-mail-wrapper label {
  width: auto;
  display: block;
  float: left;
}
#gop-screenings-express-login-form #edit-mail-wrapper #edit-mail {
  display: block;
  clear: both;
}
#gop-screenings-express-login-form #edit-mail-wrapper .description {
  width: auto;
  float: left;
}
#gop-screenings-express-login-form #edit-nodvds-wrapper {
  position: absolute;
  bottom: 2px;
  left: 130px;
}
#gop-screenings-express-login-form #edit-nodvds-wrapper label,
#gop-screenings-express-login-form #edit-nodvds-wrapper {
  font-size: 11px !important;
  font-weight: bold !important;
  color: #333 !important;
}

#field-ship-dvds-wrapper .form-checkboxes .form-item {
  float: left;
  width: 33%;
}

#field-ship-dvds-wrapper .form-checkboxes .form-item .title {
  margin: 5px 0 0 15px;
}

.view-id-screenings .views-row .screening {   
  float: left;
  margin: 6px 12px 6px 0;  
  width: 440px;
  position: relative;
}

.view-id-screenings .views-row .minimized {
  width: 220px;
  /*border: none;*/
  cursor: pointer;
}

.featured-screening,
.view-id-screenings .views-row .screening-inner {
  height: 130px;
}
/*.view-front-screenings .featured-screening {
  height: 130px;
}*/

.featured-screening.maximized {
  height: auto;
}
.view-id-screenings .views-row .screening-inner {
  margin: 6px 0;
  position: relative;
}

/*Initially the minimize button will be hidden*/
.screening a.minimize {
  position: absolute;
  top: 12px;
  right: 12px;
  display: none;
}

/*But it will be displayed if it's container has class maximize*/
.maximized a.minimize {
  display: block;
}

/*light grey color, small and italic*/
.comment-screening .date-posted,
.screening .sublabel {
  color: #888;
  font-size: 13px;
  font-style: italic;
  font-family: 'Times New Roman', Times, serif;
}

.view-id-screenings .views-row .screening .host_about,
.screening .sublabel,
.margin .sublabel {
  margin-top: 12px;
  text-transform: capitalize;
  font-weight: normal;
}

.view-id-screenings .views-row .screening .links a {
  color: #8A001D;
}
.view-id-screenings .views-row .screening .details {
  font-size: 10px;
}
.view-id-screenings .views-row .screening .comments {
  font-size: 11px;
  text-transform: capitalize;  
}

.view-id-screenings .views-row .screening .comment-login {
  background: none;
  margin:12px 0;
  padding:12px;
  border: 2px solid #C2BDAA;
  border-left: none;
  border-right: none;
}

.view-id-screenings .views-row .screening .no-comments .comment-login {
  border-bottom: none;
  padding-bottom:5px;
  margin-bottom: 0;
}

#featured-screenings .comment-login h2 {
  font-weight: normal;
  font-size: 13px;
  margin: 0;
}
#featured-screenings .comment-login h2 a {
  font-weight: bold;
}
#featured-screenings {
  padding: 0 0 0 12px;
}
#featured-screenings .sidebar {
  float: right;
  width: 232px;
  margin-right: 0px;
}

body.gop-screenings-8 p,
body.gop-screenings-5 p{
  margin: 6px 0;  
}

body.gop-screenings-8 .introduction p,
body.gop-screenings-5 .introduction p{
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 16px;
}
body.gop-screenings-8 .introduction a,
body.gop-screenings-5 .introduction a {
  font-weight: bold;
}

body.gop-screenings-8 .dvds-message {
  display: none;
}

#featured-screenings h2 {
  font-size: 18px;
  font-weight: bold;
}

body.gop-screenings-8 .resource-list,
body.gop-screenings-5 .resource-list {
  background-color: transparent;
  padding: 0;
}

.screening #comment-form .sprite-button {
  float: none;
  margin: 12px 0;
}

.view-id-screenings .views-row .maximized {
  background-color: #fff;
}

.view-screenings #more-wrapper {
  margin-left: 0;
}

.screening .comment-content .links-bar {
  float:right;
  text-align:right;
  position: static;
  left: 0;
}
.screening .pager-wrapper.twitter-style {
  padding: 0;
}
.screening hr {
  color: #F5F3E9;
  background: #F5F3E9;
  border: none;
  height: 6px;
  width: 100%;
  text-align: left;
  margin: 0;
}

.comments-wrapper.comment-type-screening {
  background: #fff;
  padding: 15px 0;
}

.comment-type-screening .comment-form-inner {
  width: auto;
  margin: auto;
  position: relative;
  padding: 0;
}

.comments-wrapper.comment-type-screening h2.title {
  border-top: none;
  margin: 0;
  padding: 0;
}

.comments-wrapper.comment-type-screening h2.title,
.screening h3 {
  font-weight: bold;
  font-size: 12px;
  margin: 0;
}

h3.comments_title.margin {
  padding-top: 0;
}

.comments-wrapper.comment-type-screening h2.title,
.screening .comment-inner,
.screening .margin {
  padding: 15px;
}

.comments-wrapper.comment-type-screening h2.title {
  margin-top: 10px;
  padding-top: 0;
  padding-bottom: 0;
}

.comments-wrapper.comment-type-screening .form-item {
  margin: 0;
}
.comments-wrapper.comment-type-screening #edit-comment {
  height: 100px;
}

.screening #comments ul.links li,
.screening .date-posted {
  margin-right: 0;
  padding: 0;
}
.maximized .minimized-links {
  display: none;
}

.screening .comment-user-picture {
  background: transparent;
}
.screening .comment-user-picture,
.screening .imagecache-user-picture-comment {
  width: 33px;
  height: 33px;
}

.screening .comment-screening .comment-user-picture {
  left: -50px;
}

#featured-screenings .statistics .stat {
  font-weight: bold;
  color: #000;
}

#featured-screenings .statistics {
  margin: 6px 0 6px 0;
}

#featured-screenings .pager-wrapper {
  clear: left;
  padding: 0;
}

/*These are the pagers for loading more screening tiles*/
#featured-screenings .pager-wrapper,
#featured-screenings #more-wrapper {
  width: 685px;
}
  
  /*These are for the individual screening node tiles*/
  #featured-screenings .views-row .screening .pager-wrapper,
  #featured-screenings .views-row .screening #more-wrapper {
    margin: auto;
    width: 416px;
  }


#featured-screenings #comments .more-endcaps.right,
#featured-screenings #comments .more-endcaps.left {
  background: none;
}

#featured-screenings #comments .more {
  background:none;
  border:none;
  cursor: pointer;
  font-size: inherit;
  height: 20px;
  line-height: 20px;
  color: #00B5CB;
  padding: 0;
}

#featured-screenings #comments .more .gop-comments-loading {
  top: 0;
}

#featured-screenings #comments .more .showing-phrase {
  color: #666666;
  font-weight: normal;
}


#featured-screenings .view-screenings {
  width: 696px;
}

body.gop-screenings-7 h2.subtitle {
  font-size: 32px;
  line-height: 34px;
  margin-top: 0;
}

body.gop-screenings-7 .node-header {
  background: #fff;
  padding-bottom: 5px;
}

body.gop-screenings-7 .node-header .imagecache {
  margin-right: 2px;
}

body.gop-screenings-7 .node-header .gop-media-video-thumb-rollover {
  position: absolute;
  top: 0;
  right: 0;
}

#block-views-dvds-block_2 h3.title-sans,
body.gop-screenings-7 h3.title-sans {
  font-size: 18px;
  font-weight: bold;
  margin: 8px 0;
}
body.gop-screenings-7 h3.title-sans {
  margin-bottom: 0;
}
#block-views-dvds-block_2 h3.title-sans {
  margin-top: 20px;
}

/**
 * Filters
 */
#screenings-filters {
  margin:0 10px 10px;
}
#screenings-filters a .count {
  color: #999;
  font-weight: normal;
}
#screenings-filters ul {
  margin: 0;
}
#screenings-filters .item-list li {
  font-size: 12px;
  line-height: 13px;
}
#screenings-filters h3 {
  margin-top: 15px;
}
#screenings-filters .item-list {
  margin-bottom: 15px;
}
#block-apachesolr_search-im_vid_11 .apachesolr-facet .type {
  font-weight: bold;
  font-size: 14px;
}
#screenings-filters .item-list ul.screening-types li {
  line-height: 17px;
}

/*hide portions of page on certain steps*/
body.gop-screenings-4 #primary-menu,
body.gop-screenings-3 #primary-menu,
body.gop-screenings-1 #primary-menu,
body.gop-screenings-2 #primary-menu,
body.gop-screenings-6 #primary-menu,
body.gop-screenings-4 #search-box,
body.gop-screenings-3 #search-box,
body.gop-screenings-1 #search-box,
body.gop-screenings-2 #search-box,
body.gop-screenings-6 #search-box,
body.gop-screenings-4 #footer-menu-container,
body.gop-screenings-3 #footer-menu-container,
body.gop-screenings-1 #footer-menu-container,
body.gop-screenings-2 #footer-menu-container,
body.gop-screenings-6 #footer-menu-container,
body.gop-screenings-4 #secondary-menu,
body.gop-screenings-3 #secondary-menu,
body.gop-screenings-1 #secondary-menu,
body.gop-screenings-2 #secondary-menu,
body.gop-screenings-6 #secondary-menu {
  display: none;
}

.view-screenings-table {
  margin-bottom: 20px;
}
.view-screenings-table table{
  width: 100%;
}
.view-screenings-table th,
.view-screenings-table thead,
.view-screenings-table tr {
  border: none;
}
.view-screenings-table tr.odd,
.view-screenings-table tr.even,
.view-screenings-table tr {
  border: 4px solid #fff;
  border-left-width: 0;
  border-right-width: 0;
  background-color: #E0F4F8;  
}
.view-screenings-table td {
  padding: 10px;
}

.view-screenings-table .views-field-field-screening-date-value {
  width: 125px;
}
.view-screenings-table .views-field-tid {
  width: 150px;
}

.view-screenings-table a {
  color: #333;
}
.view-screenings-table a:hover {
  text-decoration: none;
  color: #333;
}

.view-screenings-table .gop-screenings-processed tr {
  cursor: pointer;
}
.view-screenings-table .gop-screenings-processed tr.active,
.view-screenings-table .gop-screenings-processed tr.hover {
  background-color: #F4F1E5;
}

.form-header .steps {
  margin: 0;
  font-size: 10px;
  font-weight: normal;
}
.form-header .title-sans {
  font-size: 25px;
}
.form-header .name {
  margin: 20px 0 8px;
}

#field-ship-dvds-wrapper .form-item {
  margin-top: 0;
}
#field-ship-dvds-wrapper .form-checkboxes {
  margin-top: 12px;
}

#block-views-dvds-block_2 {
  margin-bottom: 25px;
}

/**
 * Featured Screening Theme
 */
.light-bg-only.node-screening {
  padding: 10px;
}
.node-screening {
  background: #fff;
}
.featured-screening {
  background: #fff;
  width: 280px;
  border: 5px solid;
  padding: 8px 6px 0px 8px;
  position: relative;
}
.featured-screening,
.featured-screening.minimized {
  border-color: #F5F3E9;
}

.featured-screening.hover,
.featured-screening.maximized { 
  border-color: #C2BDAA;
}

.node-screening .title,
.featured-screening .title {
  font-weight: normal;
}
.node-screening .title .type,
.featured-screening .title .type {
  font-size: 24px;
  line-height: 1em;
}
.node-screening .title .in,
.featured-screening .title .in {
  font-size: 12px;
}
.node-screening .title .in,
.node-screening .title .remainder,
.featured-screening .title .in,
.featured-screening .title .remainder {
  color: #666;
  font-weight: normal;
}
.node-screening .title .remainder,
.featured-screening .title .remainder {
  display: block;
  margin: 4px 0;
  font-size: 16px;
  line-height: 1.3em;
}

.featured-screening .date {
  position: absolute;
  bottom: 10px;
}

.node-screening .date,
.node-screening .date a,
.featured-screening .date,
.featured-screening .date a {
  font-size: 16px;
  line-height: 1.1em;
  font-weight: normal;
}

.node-screening .website {
  font-weight: bold;
  line-height: 1.4em;
}

.node-screening .host-name {
  line-height: inherit;
}

.node-screening .website,
.node-screening .margin>h3 {
  margin-bottom: 10px;  
}

#modalContainer .screening {
  text-align: left;
  line-height: 2em;
}

#modalContainer div#comments textarea {
  width: 572px;
}

#screenings-header {
  background: #F5F3E9;
  padding: 8px;
  line-height: 26px;
  font-size: 16px;
  color: #666;
  position: relative;
  margin: 10px 0;
}
#screenings-header .statistics {
  display: inline;
}
#screenings-header .stat {
  color: #000;
}

#screenings-header a {
  margin: 0px 0 0 15px;
}

#screenings-header a {
  float: right;
}

#screenings-header .call-to-action-buttons {
  position: absolute;
  right: 10px;
  top: 8px;
}

body.inset-sidebar-last .featured-screening {
  background-color: #fff;
  width: auto;
}

.solr-library-result-item.screening {
  width: auto;
}
.solr-library-result-item .featured-screening {
  width: 218px;
  margin-right: 14px;
}