/* user bar */
.if-user-bar .i-label-danger { margin-left: -12px; }

/* bread crumb */
.if-bread-crumb { background-color: transparent !important;border-color: transparent !important;  }
.if-bread-crumb ul { margin-left: 0; }

/* forum specific tab styles on homepage */
.if-home-tab-bar { border: 0; }
.if-home-tab-bar .i-nav { margin: 0; }
.if-home-tab-bar .i-nav i { opacity: .6; }
.if-home-tab-bar .i-nav > li { margin: initial;}
.if-home-tabs a.i-nav-link {  padding: 12px 14px;  text-transform: uppercase; }

/* general forum specific page layout */
.if-col-left-1 {float: left; width:75%;}
.if-col-left-2 {float: right; width:24%;}
.if-col-right-1 { float: left; width: 20%; }
.if-col-right-2 { float: right; width: 79%; }

/* select forum radio button list within post new topic dialog */

.if-forum-nav-list { border: 0; }
.if-forum-nav-list .i-nav-header span { font-weight: bold;  }
.if-select-forum-fixed-footer {border-left-width: 0;border-bottom-width: 0;border-right-width: 0; position: fixed;bottom: 0;left: 0;width: 100%; }

/* ------ ViewForumGroups.ascx  ------ */

/* forum list */
.if-forum-list .if-icon-col,
 .if-topic-list .if-icon-col, 
.if-pm-list .if-icon-col { width: 2%; }
.if-forum-list .if-first-post-col, 
.if-topic-list .if-first-post-col, 
.if-pm-list .if-first-post-col { width: 2%; text-align: center; }
.if-forum-list .if-title-col-header { width: auto; }
.if-forum-list .if-title-col { width: auto; }

/* list containing child forums within forum list */
.if-forum-list .if-sub-forums li:first-child:before { float: left; font: normal 10pt FontAwesome;content: "\f178";margin-top: 5px; margin-right: 9px; opacity: 0.3; }
.if-forum-list .if-sub-forums { float: left;width: 100%; width: 100%; padding: 0; margin: 0;list-style: none; }
.if-forum-list .if-sub-forums li {float: left; list-style: none; padding: 0; }
.if-forum-list .if-sub-forums li a { float: left; vertical-align:middle; margin-right: 6px; }
.if-forum-list .if-sub-forums li.separator {width: 0; display: none; }

/* mobile total topics */

.if-mobile-total-topics  { display: none; }
.if-mobile-total-topics .if-stats { width: auto; text-align: left; margin: 0;padding: 0; }
.if-mobile-total-topics .if-stats dd,
.if-mobile-total-topics .if-stats dt {font-family: Arial;font-size: 10pt; float: left; margin-right: 6px; }
.if-mobile-total-topics .if-stats dd { text-transform: lowercase; }

/* ------ ViewTopics.ascx ------ */

.if-topic-list .if-title-col-header { width: 70%; }
.if-topic-list .if-title-col { width: 70%; }
.if-topic-list .if-topic-type { margin-left: 6px;  }

.if-merge-label,
.if-split-label,
.if-queued-label,
.if-poll-label,
.if-deleted-label { text-transform:uppercase; margin-right: 5px; }

.if-topic-list .if-title-icons { display: inline-block; }
.if-topic-list .if-title-icons .i-label { margin-right: 5px; }

.if-topic-list .if-edit-buttons { line-height:normal; margin:  0 0 -5px 0; }
.if-topic-list .if-edit-buttons a.i-btn { margin-right: 3px;  }
.if-topic-list .if-edit-buttons a.i-btn span { padding: 6px;  }
.if-topic-list .if-search-rank { float: right; vertical-align: middle; opacity: .5;  margin-left: 6px;  }

/* toggle sort options within footer of topic lists */
.if-hidden-sorts { display: none; }

/* small paging control used in topic list */
.if-small-pager { line-height: normal; border: 0; display: inline-block; margin:0; padding:0;vertical-align: middle; }
.if-small-pager a { vertical-align: middle; border: 0; margin:0; padding:0;  }
.if-small-pager a:hover { text-decoration: none;  }
.if-small-pager a span {  display: inline-block; margin:0; padding: 0 3px; }
.if-small-pager .delimiter { display: none;  }
.if-small-pager .endPageSeperator  { display: none;  }

/* used to swap paging columns around */
.if-pager-row-inverted .i-float-left { float: right;  }
.if-pager-row-inverted .i-float-right { float: left;  }
.if-pager-row-inverted .i-float-right .i-dropdown-menu-right { right: auto; left: -24px; }

/* forum & post stats within forum & topics lists */
.if-stats-col { min-width: 60px; width: 65px; text-align: center;  }
.if-stats { float: left; text-align: center; width: 100%; font-size: 8pt; vertical-align: middle; white-space: nowrap; }
.if-stats dt { display: block; opacity: 1; font-family: open_sanslight; font-size: 18px; margin: 0; padding: 0; }
.if-stats dd { display: block; text-transform:uppercase; opacity: .5; margin: 0; padding: 0; }

/* ------ ViewforumGroups.ascx & ViewTopics.ascx ------ */

/* forum & topic icons */
.if-icon {position: relative; display: inline-block; text-align: center; vertical-align:middle; line-height: 27px; width: 27px; height: 27px; border-width: 1px;border-style: solid; }
.if-icon .if-icon-bg { position: absolute; width: 27px; height: 27px;top: 0;left: 0;  }
.if-icon .fa { font-size: 10pt; }

/* last post column for topics & forums */
.if-last-post-col { min-width: 220px; width: 220px; }

.if-last-post { display: table; }
.if-last-post .i-photo { float: left; margin-top: 9px; margin-right: 6px; }
.if-last-post .left {width: 1%; vertical-align: top; display: table-cell; }
.if-last-post .right {width: 99%; vertical-align: top;margin-left: 12px; display: table-cell; }
.if-last-post .username, 
.if-last-post .date, 
.if-last-post .last-post-icon, 
.if-last-post .subject { float: left; max-width: 180px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; }
.if-last-post .fa { font-size: 10pt !important; }

.if-mobile-last-post { vertical-align:top; display: none; float: right; text-align: right !important;  }
.if-mobile-last-post .i-photo { display: inline-block; }
.if-mobile-last-post .date { display: inline-block; white-space: nowrap;  }
.if-mobile-last-post .number { font-weight: bold; margin-left: 12px; }

.if-mobile-jump { float: right; text-align: right; display: none; }

/* ------ ViewTopic.ascx ------ */

.if-unread a, a.if-unread { font-weight: bold;  }
.if-read a, a.if-read { font-weight: normal;  }

.if-post-col-4 { vertical-align: top;}
.if-post-col-4 .if-post-buttons { visibility: hidden;opacity: 0; }
.if-post-col-4:hover .if-post-buttons { visibility: visible;opacity: 1;}

/* the main CSS used for all post text */
.if-post { display: inline-block; width: 100%; }
.if-post ul, ol{margin: 18px 0 24px 24px; padding: 0;}
.if-post li{margin: 5px 25px 5px 25px;}
.if-post p { margin-bottom: 24px; }
.if-post h1 { font-family: Arial;font-size: 20pt;font-weight: bold; }
.if-post h2 { font-family: Arial;font-size: 18pt;font-weight: bold; }
.if-post h3 { font-family: Arial;font-size: 16pt;font-weight: bold; }
.if-post h4 { font-family: Arial;font-size: 14pt;font-weight: bold; }
.if-post h5 { font-family: Arial;font-size: 12pt;font-weight: bold; }
.if-post h6 { font-family: Arial;font-size: 10pt;font-weight: bold; }

/* IFCode CSS */
.quote, .Quote { display: block; width: 90%; text-align: left; border: 1px solid #ededed; background: #fff; border-left: 2px solid #4FA5F1; color: #666666; padding: 9px; margin: 0; }

blockquote.quote, blockquote.Quote { padding: 0; }
.quote b, .Quote b { display: inline-block; color: #888; }
.quote hr, .Quote hr {  border: 0; height: 1px; background-color: transparent; color: transparent; padding: 0; margin: 12px 0 12px 0; }
.quote .quote,
.Quote .Quote { margin-top: 9px; }

.code { background: #f8f8f8; width: 80%; max-width: 900px; font: normal 10pt Courier, Courier New; white-space: pre;  margin-bottom:-14px; padding: 6px; overflow: auto; color: #00008B; }

/* NOTE: 
    The "Quote" CSS below is repeated & 
    contains legacy naming conventions 
    (not prefixed with "if-") to ensure 
    backwards compatibility */

/* wrapper around quotes */
.if-quote-wrapper { display: block; }
.if-quote-wrapper, .quote-wrapper { display:block; }
.if-quote-wrapper .Quote, 
.if-quote-wrapper .quote, 
.quote-wrapper .Quote, 
.quote-wrapper .quote { display: inline-block; padding: 0 !important; }

/* toggle quote */
.if-quote-toggle-wrapper, 
.quote-toggle-wrapper { line-height:normal; vertical-align: middle; display: inline-block; }
a.if-quote-toggle, 
a.quote-toggle { display:inline-block;margin-right: 3px; text-decoration:none !important; }
a.if-quote-toggle:before, 
a.quote-toggle:before {  display:inline-block !important; line-height:18px !important; color:#aaa; text-align: center; width: 18px; height: 18px; font: normal 8pt FontAwesome; content: "\f054"; text-decoration:none !important; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
a.if-quote-toggle.hide:before, 
a.quote-toggle.hide:before { line-height:18px !important; display:inline-block !important;  color:#888888; text-align: center; width: 18px; height: 18px; font: normal 8pt FontAwesome; content: "\f054"; text-decoration:none !important; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transform: rotate(90deg);	-moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

/* quote body */
.if-quote-header, 
.quote-header { background: #f8f8f8; padding: 9px;  }
.if-quote-message, 
.quote-message  {width: 100%; display: none; }
.if-quote-message-margin,
.quote-message-margin { margin: 12px; }
.if-quote-message .Quote,
.quote-message .Quote { width: 98%; }

/* quote go to post link & toggle panels 2014-2 */
a.if-quote-goto:before, a.quote-goto:before { display:block; margin-top: 12px; content: ''; }
a.if-quote-goto, a.quote-goto { display:inline;  text-decoration:none !important; }
a.if-quote-goto:hover, a.quote-goto:hover { opacity: 1; }
a.if-quote-goto .goto:after, a.quote-goto .goto:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; color:#aaa; padding: 4px; content: "\f112"; text-decoration:none !important; -webkit-font-smoothing: antialiased; }

/* hide quotes within editor spell preview */
.i-rtb-spell-preview .if-quote-toggle-wrapper, 
.i-rtb-spell-preview .quote-toggle-wrapper { display: none !important; }
.i-rtb-spell-preview .if-quote-header,
.i-rtb-spell-preview .quote-header { display: none !important; }
.i-rtb-spell-preview .if-quote-header:after,
.i-rtb-spell-preview .quote-header:after { display:inline-block; content: "..."; }

/* NOTE: End legacy name includes for quotes */

/* syntax highlighter */
.if-code-highlighter { box-shadow: 2px 2px 15px #bbb; width: 90%; overflow: auto;  }
.if-code-highlighter .lines { width: 85%; overflow-y: auto;  }
.if-code-highlighter td { padding: 1px; }

/* dynamically resized post images / thumbnails */
a.if-lightbox { display: inline-block; text-decoration: none !important; line-height: normal;}
a.if-lightbox img { float: left; }
a.if-lightbox:hover .caption { opacity: 0.8;  }

.if-lightbox-wrapper { position: relative; float: left; font-size: 10pt; width: 100%; color: #fff;  }
.if-lightbox-wrapper .caption { float: left; position: absolute;z-index: 1; bottom: 0; left: 0; display: block; opacity:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; background-color: #212121;  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;  }
.if-lightbox-wrapper .caption .padding { float: left; padding: 9px; }

/* ------ ViewPrivateMessages.ascx ------ */

.if-pm-list .if-title-col-header { width: auto; }
.if-pm-list .if-title-col { width: auto; }
.if-pm-list .if-title-icons .i-pip { margin-right: 6px; }
.if-pm-list .if-mobile-last-post { display: none; }
.if-pm-list .i-row-select-all, 
.if-pm-list .i-row-select { text-align:center; width: 30px; }

/* ------ ViewPrivateMessage.ascx ------ */

.if-pm .mobile-username { display: none; }
.if-pm .mobile-photo { display: none; }

/* ------ ViewEvent.ascx ------ */

.if-event .mobile-username { display: none; }
.if-event .mobile-photo { display: none; }

/* ------ Member List ------ */

/* 2016-3 */
.if-user-list .if-email-col { width: 220px; text-align: right; }
.if-user-list .if-email-col .if-email { max-width: 180px; display: inline-block; text-overflow: ellipsis; overflow:hidden; white-space:nowrap; }

.if-user-list .if-rep-col { width: 112px; text-align: center; }
.if-user-list .if-last-active-col { width: 200px; text-align: center; }
.if-user-list .if-pm-col { width: 40px; text-align: center; }
.if-user-list .if-username-col .i-photo { margin-right: 6px; vertical-align: middle; }
.if-user-list .if-mobile-bits { display: none; }
.if-user-list .if-edit-button { width: 60px; text-align: center; }
.if-user-list .if-edit-button a { width: 100%; }
.if-user-list .i-photo { margin-right: 6px;  }
.if-user-list .i-row-select { width: 5%; }

/* ------ Who's On List ------ */

.if-whos-on-list .if-username-col { width: 60%; }
.if-whos-on-list .i-photo { vertical-align: middle; }
.if-whos-on-list .if-action-col { width: 20%; text-align: center; }
.if-whos-on-list .if-date-col { width: 20%; text-align: center; }

/* ------ Member List Basic (MemberListBasic) ------ */

.if-user-list-extra .i-photo {float: left; margin: 8px; }

/* ------ User Profile Page ------ */

.if-user-banner {overflow: hidden; background-color: #242424; background-repeat: no-repeat; background-size: cover; background-position: center center;  }
.if-user-banner-large { height: 427px; }
.if-user-banner-small { height: 134px; }

.if-user-banner-content { float: left; width: 23%; color: #ddd; height: 427px;  position: relative;  }
.if-user-banner-content .username { color:#fff !important; display: inline-block; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; max-width: 90%; color: #fff !important; }
.if-user-banner-content a { text-decoration: underline; color: #ddd; }
.if-user-banner-content a:hover { color: #fff; }
.if-user-banner-content-bg { width: 100%; height: 100%; z-index: 1; position: absolute; top: 0; left: 0; background-repeat: no-repeat;  background-position: center center; filter: blur(20px);-webkit-filter: blur(20px);-moz-filter: blur(20px);-o-filter: blur(20px);-ms-filter: blur(20px);  }
.if-user-banner-content-overlay { z-index: 2;  width: 100%; height: 100%; background: rgba(0,0,0,0.75); position: absolute; top: 0; left: 0; }

.if-user-banner-image { float: right; width: 77%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.if-user-banner-image a { float: right; margin: 24px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background:#fff; color:#222 !important; }
.if-user-banner-image a:hover { background:#444; color:#fff !important; }
.if-user-banner-image a span { float: left; padding: 12px; }

.if-user-banner-preview img { width: 530px; height: 200px; }

/* small achievement badges displayed within user card */
.if-badges-small { display: inline-block; font-weight: bold;}
.if-badges-small img { float: left; vertical-align: middle;}
.if-badges-small span { float: left;  margin: 0 6px; }
.if-badges-small .gold{color: #9A954A;}
.if-badges-small .silver{color: #898884;}
.if-badges-small .bronze{color: #A58A13;}

/* large achievement panels displayed on user profile page */
.if-badges-large { float: left; width: 100%; margin-top: 12px;}
.if-badges-large div { float: left; width: 48%; }
.if-badges-large .i-tooltip { float: left; display: block; width: 95%; }
.if-badges-large a { float: left; width: 95%; text-align: center; display: block; }
.if-badges-large, .badges-large-silver, .badges-large-bronze { text-align: center; font-size: 10pt; color: #666;}
.if-badges-large-gold a{ color: #8E8828 !important; background-color: #FFF77B; border: 0 solid #D2CB3B; padding: 4px 5px 4px 5px; margin-right: 8px; margin-bottom: 8px; border-radius: 6px;  text-decoration: none; }
.if-badges-large-gold a:hover{color: #8E8828; text-decoration: none; }
.if-badges-large-silver a{color: #747373 !important; background-color: #C0BEB9; border: 0 solid #AAA69C; padding: 4px 5px 4px 5px; margin-right: 8px; margin-bottom: 8px; border-radius: 6px;  text-decoration: none; }
.if-badges-large-silver a:hover{color: #747373;  text-decoration: none;}
.if-badges-large-bronze a{ color: #847328 !important; background-color: #D1B11E; border: 0 solid #BBA336; padding: 4px 5px 4px 5px; margin-right: 8px; margin-bottom: 8px; border-radius: 6px;  text-decoration: none; }
.if-badges-large-bronze a:hover{color: #847328;  text-decoration: none;}

/* user reputation / activity history on profile page */

.if-rep-details .if-rep-day-col { float: left; width: 100px; font-family: "Segoe UI Light", Tahoma, Verdana; font-size: 14pt; font-weight: normal;}
.if-rep-details .if-rep-rep-col { float: left; width: 90px; }
.if-rep-details .if-rep-expand-col { float: left; width: 80px;}
.if-rep-details .if-rep-expand-col .i-btn { width: 22px; }
.if-rep-details .if-rep-activity-col { float: left; margin-right: 95px;}
.if-rep-details .if-rep-notes-col { float: left; color: #999; display: none;}
.if-rep-details .if-rep-details-positive { font-family: "Segoe UI Light", Tahoma, Verdana; font-size: 18px; color:#7DAA3E; }
.if-rep-details .if-rep-details-negative { font-family: "Segoe UI Light", Tahoma, Verdana; font-size: 18px; color:#E77A28;}

/* expanded reputation details */
.if-expanded-rep-details .day { float: left; width: 180px; }
.if-expanded-rep-details .rep { float: left; width: 95px; }
.if-expanded-rep-details .activity { float: left; width: 160px; }

/* ------ ViewTopicsBasic ------ */

.if-topics-extra-wrapper { transition: all .1s ease-in; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; }
.if-topics-extra-list .if-topics-extra-wrapper { margin-top: -9px; }

/* grid view */

.if-topics-extra-item .spacing { padding: 0; margin: 9px 0; }
.if-topics-extra-item .left { float: left; width: 45px; }
.if-topics-extra-item .right { margin-left: 45px;  }
.if-topics-extra-item .i-photo { margin-top: 8px; }
.if-topics-extra-item .if-title-row { width: 90%; }
.if-topics-extra-item .if-post-details-row { margin-top: 4px; }
.if-topics-extra-item .if-post-details-row .if-topic-type { margin-right: 9px; }
.if-topics-extra-item .if-post-details-row .i-link-default i { margin-right: 6px; }
.if-topics-extra-item .if-post-details-row .i-link-default .fa-eye { margin-left: 9px; }
.if-topics-extra-item .if-desc-row { margin-top: 12px; }
.if-topics-extra-item a.primary { font-size: 16px !important; }

/* back & next pager cycle button for viewtopicsbasic.ascx grid view */
.if-cycle-buttons { float: left; width: 100%; text-align:left; margin: 9px 0;}
.if-cycle-buttons a { margin-right: 6px; padding: 3px; }
.if-cycle-buttons a i { opacity: .2;  }
.if-cycle-buttons a.selected i,
.if-cycle-buttons a:hover i,
.if-cycle-buttons a.selected { opacity: 1; }

.if-forum-list h2.title,
.if-pm-list h2.title,
.if-user-list h2.title,
.if-whos-on-list h2.title,
.if-topic-list h2.title { display: inline-block; margin: 0; padding: 0;  }

/* ------ ViewTopic  ------ */

.if-topic .mobile-username { display: none; }
.if-topic .mobile-photo { display: none; }
.if-topic tr:hover .i-dimmed { opacity: 1; }
.if-topic .if-topic-type-mobile { display: none; max-width: 80px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }

.if-post-col-left { width: 20%;vertical-align: top; }
.if-post-col-right { width: 80%; }

/* responsive CSS for post buttons - turns buttons into menu on smaller screen sizes */
.if-topic .if-edit-options { position: relative; }
.if-topic .if-edit-options-mobile { display: none; }
.if-topic .if-edit-options-desktop { display: inline; }

/* share bar below topic */
.if-topic-share-bar .if-share-this-chicklets { float: left; margin-top: 6px; }

/* ------ Post Page CSS ------ */

/* live post preview */
.if-hidden-post-preview { display: none;}

/* ------ forum & topic title CSS ------ */

/* success & failure on photo / banner upload */
.if-fa-success { font-size: 32pt; padding: 18px; border-radius: 50%; color:#fff; background:#00A53E; }
.if-fa-error { font-size: 32pt; padding: 18px; border-radius: 50%; color:#fff; background:#ff0000; }

/* ------ calendar ------  */

.if-calendar .margin, 
.if-calendar-small .margin { margin: 9px; }

/* full size calendar */
.if-calendar .full { display: inline; }
.if-calendar .short { display: none; }
.if-calendar th { text-align: center; }
.if-calendar td { width: 14%; }
.if-calendar .week-select { width: 2% !important; text-align: center; }
.if-calendar .day-col { vertical-align: top; height: 180px; }
.if-calendar .day-col a { text-decoration: none;}
.if-calendar .day-col .content { padding: 6px; }
.if-calendar .day-col .day-number span { float: left; padding: 9px 6px; font-weight: bold; }
.if-calendar .day-col.i-col-selected { border: 1px solid #aaaaaa; }
.if-calendar .birthdays-link { font-size: 8pt; text-transform: uppercase; }
.if-calendar .week-view-day-number { font-weight: bold; }

/* small calendar */
.if-calendar-small .full { display: inline; }
.if-calendar-small .short { display: none; }
.if-calendar-small th { text-align: center; }
.if-calendar-small td { width: 12.5%; }
.if-calendar-small .week-select { text-align: center; }
.if-calendar-small .calendar-day { text-align: center; }

/* CSS for password strength control on registration page */
.TextIndicator_TextBox1{ line-height:normal; display: inline-block; font-family:Arial; font-size:10pt; margin-left: 12px; margin-top: 2px; font-style:italic; padding: 6px; border-radius:3px; }

/* share this embedded social links (below topics) */
.if-share-this-chicklets { line-height: normal; }
.if-share-this-chicklets span, .if-share-this-chicklets div, .if-share-this-chicklets iframe { float: left; }
.if-share-this-chicklets iframe { margin: 0; padding: 0; }

/* +1 button alignment fix */
 .if-share-this-chicklets .st_plusone_large { margin-top: 6px; height: 38px; width: 50px !important;}
 .if-share-this-chicklets .st_plusone { margin-right: 5px; width: 30px !important;}

/* Google maps info-window */
.if-gmaps-info-window { float: left; text-align: left; width: 100%;}

/* forum activity panel */
.if-forum-activity .i-photo { vertical-align: middle; }
.if-forum-activity .if-user-age { font-size: 8pt;  }
.if-forum-activity .if-stats-num { font-family: "open_sansbold"; }

/* editable poll */
.if-poll-editable .i-table td { padding: 0; }

/* poll bar */
.if-poll-bar-wrapper { float: left;  width: 100%; vertical-align: middle; line-height: normal; background:rgba(125,125,125,.2); }
.if-poll-bar { float: left; line-height: normal; }
.if-poll-bar img { float: left;width: 100%; margin: 0; height: 20px; border-width: 0; padding: 0; }
.if-poll-bar-wrapper .i-float-right { opacity: .5; margin: 2px; }

/* topic type label */

.i-btn.if-topic-type-dropdown-toggle .if-topic-type-text {margin: 0; padding: 0;margin-right: 6px; }

.if-topic-type { display: inline-block;padding: 0px 6px; }
.if-topic-type-dropdown .if-topic-type { display: block; }

.if-topic-type-dropdown {width: 250px; max-height: 300px; padding: 6px; }
.if-topic-type-dropdown li ul li { margin: 2px 0; }
.if-topic-type-dropdown li ul li a.if-topic-type { line-height: normal; }

.if-topic-type-small span { font-size: 8pt !important; }
.if-topic-type span {display: block; text-transform: lowercase; }
a.if-topic-type:hover { text-decoration: none; }

/* topic type label within type menus (homepage & when posting) */
.if-topic-type-full { width: 100%; }

/* subscription plans */
.if-subscription-plans {  list-style: none; }
.if-subscription-plans li {float: left; width: 100%; padding: 0; }

/* no messages notification within messages menu */
.if-no-unread-pms { float: left; width: 100%; background-color: red; }
.if-no-unread-pms li { width: 100%; text-align: center; opacity: .3; }
.if-no-unread-pms li .fa { display: block;font-size: 60pt;margin: 24px 0; }

/* layout advanced search controls */
.if-advanced-search-options { float: left; width: 100%; }
.if-advanced-search-options .left { float:left; width: 49%; }
.if-advanced-search-options .right { float:right; width: 50%; }

/* tags below posts */

.if-post-tags { display: inline-block;width: 100%; }
.if-post-tags a {font-size: 8pt; opacity: .4; margin-right: 6px; }
.if-post-tags a:hover { opacity: 1; }

/* multi quote wrapper */
.if-multi-quote-popout { width: 240px;  }
.if-fixed-mod-options .number,
.if-multi-quote-popout .number { font-family: "open_sanslight"; font-size: 20pt;  }

.if-multi-quote-active-button i {  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.if-multi-quote-inactive-button i {  -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }

/* attachment & private message space image */
.if-available-space-bar { display:inline-block; max-width: 350px; width: 100%; text-align: center; }
.if-available-space-bar img { display:inline-block; border: 1px solid #ccc; width: 100%; }

/* view attachments control */
.if-attachments-list .if-title-col {  width: 70%; }
.if-attachments-list .if-icon-col  { width: 2%; text-align: center; }
.if-attachments-list .if-data-col  { width: 20%; text-align: center; }

/* demo bar - shown when InstantForum is in demo mode */
.if-demo-bar { font: bold 10pt Arial; color:#fff; background:#ee0000; text-align: center;  }
.if-demo-bar a, 
.demo-bar a:hover { font-family: Arial; font-size: 10pt;  color:#fff;  text-decoration: underline; }

/* wrapper around moderation options */
.if-topic-mod-options { line-height: normal; }
.if-topic-mod-options a { vertical-align: middle; }

/* used to remove vertical spacing within topic list buttons & pm photos  */
.if-clear-margin { margin-top: -6px; margin-bottom: -6px; }

/* ------ light box ------ */
/* http://sorgalla.com/lity/
*  Jan Sorgalla; */
.if-lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;  
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
       -o-transition: opacity 0.3s ease;
          transition: opacity 0.3s ease;
}
.if-lity.if-lity-opened {
  opacity: 1;
}
.if-lity.if-lity-closed {
  opacity: 0;
}
.if-lity * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.if-lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.if-lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.if-lity-loader {
    z-index: 9991;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -0.8em;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.if-lity-loading .if-lity-loader {
  opacity: 1;
}
.if-lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    max-width: 100%;
    max-height: 100%;
    outline: none !important;
}
.if-lity-content {
    z-index: 9993;
    width: 100%;  
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
}
.if-lity-loading .if-lity-content,
.if-lity-closed .if-lity-content {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.if-lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.if-lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.if-lity-close:hover,
.if-lity-close:focus,
.if-lity-close:active,
.if-lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.if-lity-close:active {
  top: 1px;
}
/* iFrame */
.if-lity-iframe .lity-container {
  width: 100%;
  max-width: 964px;
}
.if-lity-iframe-container {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.if-lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.if-lity-hide {
  display: none;
}

/* ------ pane & zoom for "if-lity" images ------ */

.if-crop-frame {
	overflow : hidden;
	position : relative;
    display: inline-block;
    box-shadow: rgba(0,0,0,1) 0 0 10px;
}
.if-crop-image {
	position : absolute;
	top      : 0;
	left     : 0;
	cursor   : move;
}
.if-crop-controls {
	background : #000;
	width      : 100%;
	height     : 26px;
	position   : absolute;
	z-index    : 100;
	bottom     : 0;
	left       : 0;
	opacity    : 0;
	filter     : alpha(opacity=0);
	transition : opacity .25s linear;
	-moz-transition    : opacity .25s linear;
	-webkit-transition : opacity .25s linear;
    t-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.if-crop-frame:hover .if-crop-controls {
	opacity    : .5;
	filter     : alpha(opacity=50);
}
.if-crop-controls span {
	display   : block;
	float     : left;
	color     : #fff;
	font-size : 11px;
	margin    : 7px 0 0 5px;
}
.if-crop-zoom-in,
.if-crop-zoom-out {
	display         : block;
	float           : right;
	margin          : 4px 4px 0 0;
	padding         : 0;
	background      : #fff;
    border: 1px solid #000;
	color           : #000;
	border-radius   : 4px;
	width           : 18px;
	height          : 18px;
	line-height     : 16px;
	font-size       : 18px;
	text-align      : center;
	text-decoration : none;
	cursor          : pointer;
}
.if-crop-zoom-in::after,
.if-crop-zoom-in .after {
	content : "+";
	display : block;
	text-align:center;
}
.if-crop-zoom-out::after,
.if-crop-zoom-out .after {
	content        : "-";
	display        : block;
	text-align:center;
}
/*IE8*/
.if-crop-zoom-in:after,
.if-crop-zoom-in .after {
	content : "+";
	display : block;
	text-align:center;
}
/*IE8*/
.if-crop-zoom-out:after,
.if-crop-zoom-out .after {
	content        : "-";
	display        : block;
	text-align:center;
}

/* -------------------------------
PrettyPrint. Used with prettify.js. 
-------------------------------- */

.if-post pre,
pre.prettyprint {
    width: 85%;
    background: rgba(200, 200, 200, .2);
    border: 1px solid rgba(125, 125, 125, .2);
    max-width: 900px;
    padding: 9px;
    margin: 0;
    line-height: normal;
    overflow-y: auto;
    font-family: "Consolas",monospace;
    white-space: pre;
}

/* SPAN elements with the classes below are added by prettyprint. */
pre.prettyprint .pln { color: #000 }  /* plain text */

@media screen {
    pre.prettyprint .str { color: #A31515; }  /* string content */
    pre.prettyprint .kwd { color: #0000FF; }  /* a keyword */
    pre.prettyprint .com { color: #008000; }  /* a comment */
    pre.prettyprint .typ { color: #2B91AF; }  /* a type name */
    pre.prettyprint .lit { color: #FF0000; }  /* a literal value */
    /* punctuation, lisp open bracket, lisp close bracket */
   pre.prettyprint .pun, 
    pre.prettyprint .opn,  
    pre.prettyprint .clo { color: #660 }
    pre.prettyprint .pln { color: #000; }
    pre.prettyprint .tag { color: #A31515; }  /* a markup tag name */
    pre.prettyprint .atn { color: #FF0000; }  /* a markup attribute name */
    pre.prettyprint .atv { color: #0000FF; }  /* a markup attribute value */
    pre.prettyprint .dec, .var { color: #800080; }  /* a declaration; a variable name */
    pre.prettyprint .fun { color: red; }  /* a function name */
}

/* Use higher contrast and text-weight for printable form. */
@media print, projection {

    pre.prettyprint .str { color: #a31515 }  /* string content */
    pre.prettyprint .kwd { color: #00f }  /* a keyword */
    pre.prettyprint .com { color: green }  /* a comment */
    pre.prettyprint .typ { color: #2b91af }  /* a type name */
    pre.prettyprint .lit { color: #066 }  /* a literal value */
    /* punctuation, lisp open bracket, lisp close bracket */
    pre.prettyprint .pun, 
    pre.prettyprint .opn,  
    pre.prettyprint .clo { color: #660 }
    pre.prettyprint .tag { color: #008 }  /* a markup tag name */
    pre.prettyprint .atn { color: #606 }  /* a markup attribute name */
    pre.prettyprint .atv { color: #080 }  /* a markup attribute value */
    pre.prettyprint .dec, .var { color: #606 }  /* a declaration; a variable name */
    pre.prettyprint .fun { color: red }  /* a function name */
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 { background: #eee }

/* -------------------------------
/PrettyPrint. Used with prettify.js. 
-------------------------------- */

/* ------------------- */
/* 2016-3 */
/* ------------------- */

/* queued and deleted post backgrounds */
.if-queued-post-col { background-image: url(../images/stripe-bg-red.png); }
.if-deleted-post-col { background-image: url(../images/stripe-bg-gray.png); }

/* fixed theme roller button */
.if-theme-roller-btn { position: fixed;left: 0;top: 50%; }

/* center contents of user summary control */
.if-user-summary-centered { text-align: center; }
.if-user-summary-centered .i-tooltip { float: none; }

.if-cycle-pager .i-link-default { opacity: .4; }
.if-mod-user-frames frameset { float: left; }

/* filter menu shown in topic lists */
.if-topic-filter-dropdown { width: 600px; }