/* Style names that begin with "topic-" define built-in layout and non-customizable other attributes.
   All others are customizable by the user using perswiz.cgi. They define only colors and font
   attributes. The names are what they are for backwards compatibility with existing personzalizations.
*/

/**********************/
/****** NAV MENU ******/
/**********************/
.topic-navcontainer
{
    margin-top: 15px;
    border: 1px solid #e2e3e4;
    background-color: #e2e3e4;
    width: 100%;
    /*
    position: relative;
    */
    background-image: url("/web/20200916231933im_/https://www.quicktopic.com/site_navbar_bg.png");
    font: 0.83em "Lucida Grande", Verdana, sans-serif;
    /* Combination of height and line-height controls gap between this and topic-nav-shadow. */
    /* Specifying heights in em gives better layout integrity when user changes font size. */
    height: 2.4em;
    line-height: 2.05em;
    float: left;
}

#topic-navcontainer-custom
{
    width: 100%;
    font: 0.83em "Lucida Grande", Verdana, sans-serif;
    /* Combination of height and line-height controls gap between this and topic-nav-shadow. */
    /* Specifying heights in em gives better layout integrity when user changes font size. */
    height: 2.308em;
    background-color: #EBEBEB;
}

#topic-navcontainer-icon-custom
{
	float: left;
	margin: 3px 21px 0px 2px;
}

.topic-navbutton
{
    color:#404a4e !important;
    /*position: absolute; */
    text-align: center;
    width: 116px;
    height: /*32px;*/ inherit;
    vertical-align: middle;
    display: block;
    text-decoration: none;
    float: left;
}

a.topic-navbutton:hover,
.topic-navbutton-active {
    color:#404a4e;
    background-image: url("/web/20200916231933im_/https://www.quicktopic.com/site_navbar_bg_sel.png"); 
    width: 114px;
    height: /*31px;*/ inherit;
    border-left: 1px solid #999999;
    border-right: 1px solid #eeeeee;
}

.topic-navbutton-custom
{
    color: #404A4E !important;
    text-align: center;
    width: 109px;
    float: left;
    height: 1.923em;
    padding-top: 0.385em;
    padding-left: 0.25em;
    padding-right: 0.25em;
    display: block;
    text-decoration: none;
}

#topic-newtopiclink
{
    font-size: 120%;
}

#topic-a-minilogo-navbutton-custom
{
    text-align: center;
    float: left;
    padding-bottom:2px;
}

a.topic-navbutton-custom:hover,
.topic-navbutton-active-custom,
#topic-a-minilogo-navbutton-custom:hover {
    background-color: #CCCCCC;
    text-decoration:none;
}

.topic-navicon
{
    margin-right: 4px;
    vertical-align: middle;
}

/*
#topic-navnewtopic
{
    left: 0px;
}

#topic-navmytopics
{
    left: 117px;
}

#topic-navtools
{
    left: 233px;
}

#topic-navsettings
{
    left: 349px;
}
*/

#topic-navuserinfo
{
    float: right;
    text-align: right;
    position: relative;
    margin-right: 10px;
}

#topic-navuserinfo-custom
{
    float: right;
    text-align: right;
    position: relative;
    margin-right: 10px;
    padding-top: 0.385em;
}

#topic-navuserinfo span
{
    color:#404a4e;    
    font-family: "Lucida Grande", Verdana, sans-serif;
}

#topic-navuserinfo-custom span
{
    color:#404a4e;    
    font-family: "Lucida Grande", Verdana, sans-serif;
}

.topic-useraction
{
    color:#404a4e;    
    text-decoration:none;
    font-family: "Lucida Grande", Verdana, sans-serif;
    background:transparent; /* to override customization */
}

.topic-useraction:hover
{
    text-decoration:underline;
}

.topic-useraction a, .topic-useraction a:link, .topic-useraction a:visited, .topic-useraction a:link:hover, .topic-useraction a:visited:hover
{
    color:#054f89;
    background:transparent;
    text-decoration:none;
    font-family: "Lucida Grande", Verdana, sans-serif;
    background:transparent; /* to override customization */
}


.topic-useraction-custom a, .topic-useraction-custom a:link, .topic-useraction-custom a:visited
{
    color: #171717;
    text-decoration:none;
    background:transparent; /* to override customization */
}

.topic-useraction-custom a:hover
{
    text-decoration:underline;
}

#topic-navbar-username
{
    font-weight:bold;
}

.topic-userbar
{
    color: #9fa5a6;
}

.topic-useraction
{
    color: #447ba6;
}

#topic-nav-shadow
{
    clear: both;
}

/************************/
/****** TOPIC AREA ******/
/************************/

#mytopics-main-table
{
    width: 100%;
    border-collapse: collapse;
}

#mytopics-header-table
{
    border-collapse: collapse;
    margin-bottom: 10px;
}

#mytopics-header-table-header
{
    /*font-size: 1.25em;*/
    font-weight: bold;
}

.mytopics-share-link-row
{
    display: block;
    margin-top: 15px;
}

#div-topic-name-row
{
    clear: both; /* avoid entanglement with images and floats in any custom heading */
    width: 100%;
    margin-bottom: 1.5em;
    position: relative;
}

#topicheader
{
    margin-bottom: 5px;
}

/* Customizable */
.topiclabel
{
    font-size: 1.0em;
    font-weight: bold;
}

#p-topicname
{
    float: left;
    width: 100%;
    margin-top: 0;
    /* Prevent possible IE5 bug? */
    display: inline;
    margin-bottom: 3px;
}

/* customizable */
.topicname
{
    font-size: 1.5em;
    font-weight: bold;
}

.div-topic-pager
{
    text-align: right;
}

.div-topic-pager span
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
}
.div-topic-pager a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
}

.topic-pagerviewall
{
    color: #054F89;
}

.topic-pagerseparator
{
    color: #e2e4e5;
}

.topic-pagerindex
{
    color: #93999c;
}

.topic-pagerpage
{
    color: #054F89;
    background-color: #f5f5f6;
    border: 1px solid #e3e4e4;
    padding: 0px 2px;
    text-align: center;
    vertical-align: middle;
}

.topic-pagercurrent
{
    color: #93999c;
    background-color: #FFFFFF;
    border: 0px;
}

#topichr
{
    clear: both;
    height: 4px;
}

/*****************************/
/****** MESSAGE CONTENT ******/
/*****************************/

#topic-allmessagesandsidebarcontainer
{
    /*float: left;*/
    border-collapse: collapse;
    width: 100%;
}

#topic-allmessagesandsidebarcontainer table
{
    border-collapse: collapse;
}


#topic-allmessagescell
{
    width:100%;
    vertical-align: top;
    /*max-width:590px;*/
}

#topic-allmessagestable
{
}

.topic-td-rightbarcontainer
{
    vertical-align: top;
}

#topic-deletemessagestable {
	border-collapse: collapse;
	width: 100%;
	color: WindowText;
}

.delete-check-cell {
	text-align: center;
	padding: 0 !important;
}

#topic-intro-div
{
    margin-bottom:15px;
}

#div-topic-postbutton
{
    width: 100%;
    margin-bottom:1em;
    height:1em; /* needed because its contents are floats and so it otherwise has no height */
}

#postmessagebutton  {
    float: left;
}

/* customizable */
input.buttoncell-color-font,
a.buttoncell-color-font,
a.buttoncell-color-font:hover
{
    background-color:#99ae47;
    color:#ffffff;
    font-family:Arial,Helvetica,sans-serif;
    font-weight:bold;
    font-size:1em;
}

a.buttoncell,
a.buttoncell:visited {
    border: 1.5px #cecece outset;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
    display: block;
    text-decoration: none;
}

a.buttoncell:hover
{
    border-style: inset;
    padding-right: 9.5px;
    padding-left: 10.5px;
}

input.buttoncell
{
    position:relative;
    display:inline;
    text-decoration:none;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
    border: 1.5px #cecece outset;
}

input.buttoncell:hover
{
    border-style: inset;
    padding-right: 9px;
    padding-left: 11px;
}

#topic-div-uploading
{
  display:none;
  position: fixed;
  top: 50%;
  left: 50%;
  background: no-repeat center bottom #eee;
  border:5px solid #999;
  padding:20px;
  margin-left: -100px;
  margin-top: -50px;
  z-index:2;
  overflow: auto;
}
#topic-div-uploading #topic-div-message
{
  margin-top:-10px;
  font-weight:bold;
  overflow: auto;
}
#topic-div-uploading #topic-div-spinner
{
  height:40px;
  background:url(/web/20200916231933im_/https://www.quicktopic.com/ajax-loader.gif) no-repeat center bottom;
}



/* customizable */
.messagerow:nth-child(odd)
{
    background-color: #f0f0f1;
}

/* customizable */
.messagerow:nth-child(even)
{
    background-color: #e9f0f7;
}

.topic-messageauthorcontainer
{
    vertical-align: top;
    border-style: solid;
    border-top-width: 3px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    padding-left: 0.5em;
    padding-top: 0.8em;
    padding-bottom: 0.5em;
    width: 18%;
    min-width: 85px;
}

.topic-messageauthorcontainer-deleted
{
    vertical-align: middle;
    border-style: solid;
    border-top-width: 3px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    padding-left: 0.5em;
    padding-top: 0em;
    padding-bottom: 0em;
    width: 18%;
}

/* customizable */
.topic-messageauthorcontainer-border
{
    border-top-color: #054f89;
    border-right-color: white;
    border-left-color: #93999C;
    border-bottom-color: #d9e0e6;
}

.topic-messageauthorcontainer div
{
    display: block;
    padding: 0;
}

/* customizable */
.messageauthor
{
    font-family: "Lucida Grande", verdana, sans-serif;        
    font-weight: bold;
    font-size: 8pt;
    word-wrap: break-word;
    word-break: break-word;
}

/* customizable */
.messagenumber
{
    font-family: "Lucida Grande", verdana, sans-serif;        
    font-size: 7pt;
}

.topic-messagenumberpos
{
    float:right;
    margin-right:1em;
}

/* Used for the data in the left-hand cell of a message */
/* customizable */
.messagedata
{
    font-family: "Lucida Grande", verdana, sans-serif;        
    font-size: 7pt;
    color: #404a4e;
}

/* customizable */
.messagecell
{
    font-family: "Lucida Grande", verdana, sans-serif;
    font-size: 80%;
    word-wrap: break-word;
    word-break: break-word;
}

.messagecell .message-note {
    font-family: "Lucida Grande", verdana, sans-serif;
    font-size:80%;
    opacity:0.5;
    filter: alpha(opacity=50); /* for IE, but doesn't seem to work */
    color: #404a4e;
    line-height:1.8em;
}

.topic-messageextradata
{
    font-family: "Lucida Grande", verdana, sans-serif;        
    font-size: 7pt;
}

.topic-messagedocregarding
{
    font-family: "Lucida Grande", verdana, sans-serif;        
    font-size: 7pt;
    font-weight: bold;
}

.topic-messagebody
{
    border-style: solid;
    border-top-width: 3px;
    border-right-width: 1px;
    border-left-width: 2px;
    border-bottom-width: 1px;
    padding: 0.75em;
    overflow: hidden; 
    text-overflow: ellipsis
}

.topic-messagebody-deleted
{
    border-style: solid;
    border-top-width: 3px;
    border-right-width: 1px;
    border-left-width: 2px;
    border-bottom-width: 1px;
    padding-left: 0.75em;
    padding-right: 0.75em;
    overflow: hidden; 
    text-overflow: ellipsis
}

/* customizable */
.topic-messagebody-border
{
    border-top-color: #93999c;
    border-right-color: #d9e0e6;
    border-left-color: #d9e0e6;
    border-bottom-color: #d9e0e6;
}

.topic-messagecontrolsfloat
{
    float:right;
}

.topic-messagecontrolsfloat a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    padding: 0 2px;
    background-color: white;
}

/* Will be overridden by perswizzed messagerow :link color */
.topic-messagecontrolsfloat a,
.topic-messagecontrolsfloat a
{
    color: #000000;
}

.topic-messagecontrolsfloat p
{
    padding: 0px;
    margin-top: 2px;
    margin-bottom: 2px;
}

/* Floats the "Edited mm-dd-yyyy" message
   to the bottom right. 
   See http://stackoverflow.com/questions/311990/how-do-i-get-a-div-to-float-to-the-bottom-of-its-container */
.div-topic-message-edited-note
{
    display: block;
    float: right;
}

/* When printing we use the full-size images (not thumbnails), but limit their width */
.topic-printable-image 
{
    max-width:400px;
}

/* customizable */
.topic-expandable-image
{
    border: 1px solid white;
}

/* Not yet used */
.topic-messagedelete-brown
{
    color: #873410;
}

/****************************/
/****** RIGHT-SIDE BAR ******/
/****************************/

#topic-rightbarcontainer
{
    /*
      float: right;
      width: 32%;
      margin: 0px 6px;
      */
    width: 160px;
    margin-left: 25px;
    /* Ensure it's on top if overlapping message section */
    position: relative;
    z-index:5;
}

.topic-sidebuttoncontainer
{
    width: 164px;
    background-color: #e3e4e5;
    border: 2px solid #b2b3b5;
    padding: 5px;
    margin-bottom: 1em;
    position: relative; /* to support topic-sidebutton-link-coverage */
}

.topic-sidebuttonheadertext
{
    margin: 2px;
    color: #FFFFFF !important;
    font-weight: bold;
    font-size: 1.0em;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
}

.topic-sidebuttonheadertext-gift
{
    margin: 2px;
    color: #FFFFFF !important;
    letter-spacing: 1px;
    font-size: 22px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
}

.topic-sidebuttontext
{
    text-align: center;
    margin-top: 1em;
    color: #054f89;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.5em;
    text-decoration: none;
}

/* Makes link cover the entire div */
.topic-sidebutton-link-coverage
{ 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  z-index: 1;

  /* fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('/web/20200916231933im_/https://www.quicktopic.com/pixel.gif');
}   

.topic-upgradeproheader
{
    background:#45a591; /*#82dba7; */
    height: 40px;
    line-height: 2.5em;
    text-align: center;
    padding: 0 9px;
    display: block;
    text-decoration: none;
}

.topic-upgradeproheader-gift
{
/*
    border-top: 4px solid #c4dff8;
    border-right: 4px solid #c4dff8;
    border-left: 4px solid #425a68;
    border-bottom: 4px solid #425a68;
*/
    background: #56a1b9;
    height: 60px;
    line-height: 62px;
    text-align: center;
    padding: 0 9px;
    display: block;
    text-decoration: none;
}


#topic-subscriptionheader {
	float: right;
	background-image: url('/web/20200916231933im_/https://www.quicktopic.com/subbutton-envelope.png');
	background-repeat: no-repeat;
	background-position: 10px 50%;
	padding-left: 30px;
}

#topic-subscriptionheadericon
{
    vertical-align: middle;
    margin-right: 4px;
}

#topic-quicktoolsheader
{
    font-weight: bold;
}

.topic-quicktool
{
    font-size: 0.8em;
    color: #93999c;
}

/**********************************/
/****** BOTTOM STATS / PAGER ******/
/**********************************/

/* Pager style re-used from topic area CSS above. */
#topic-messagestats-container
{
    width: 100%;
    position: relative;
    margin-top: 35px;
}

#topic-messagestats
{
    width: 52%;
    margin: 0;
    margin-bottom:10px;
    padding: 0;
}

#topic-messagestats span
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}

#topic-rss
{
    font-weight: bold;
    color: #ce9313;
}

#topic-rssbutton
{
    vertical-align: bottom;
}

.topic-statslabel
{
    color: #054f89;
}

.topic-statsnumber
{
    color: #678330;
}

.topic-whatsthis
{
    color: #7e8083;
}

/***************************/
/****** MISCELLANEOUS ******/
/***************************/

body
{
    min-width: 660px;
}

#div-topic-heading
{
    width: 100%;
}

#div-topic-middle
{
    width: 100%;
}


/* Override values in qt-all.css */
#div-header
{
    padding-bottom: 0px;
    margin-bottom: 0px;
}

/* Override value from qt-all.css. Only used for editshare.cgi */
#div-page-title
{
    margin-top: 15px;
}


.editshare-header-spacer
{
    clear: both;
    height: 15px;
}

/* Add a small margin between the customized topic navigation bar and its banner. */
#div-page-top table:first-child
{
    margin-top: 15px;
}

/* You won't find custom-contrast-color custom-contrast-container 
   here. They are only in css generated for customized topics with
   non-white backgrounds */

/* workaround for IE banner overlap bug */
#div-bannertable table
{
    width:100%;
    overflow:auto;
}
#div-bannertable
{
    width:100%;
    overflow:hidden;
}

#div-bannertable td img
{
/*    display:block; */
    overflow:hidden;
}

.messagedata-ip
{
  text-decoration: underline;
  cursor: pointer;
  background: url('/web/20200916231933im_/https://www.quicktopic.com/no.png') no-repeat right center;
  float: left;
  padding-right: 11px !important;
}


#ui-dialog-title-div-delete-message-dialog,
#div-delete-message-dialog
{
    font-size:0.8em;
}

.ui-button-text
{
    font-size:0.8em !important;
}

/* post-message */
.span-emphasized-topicname
{
    font-style:italic;
}
.textinput-compose-message
{
    width:60%;
}
.textarea-compose-message
{
    width:100%;
}

.div-post-username
{
    display:inline;
}

/* mytopics */
.col-mytopics-shared
{

}
.col-mytopics-creator
{

}
.col-mytopics-message-count
{

}
.col-mytopics-spacer
{

}

/*
     FILE ARCHIVED ON 23:19:33 Sep 16, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 22:54:15 Aug 09, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.55
  exclusion.robots: 0.018
  exclusion.robots.policy: 0.009
  esindex: 0.01
  cdx.remote: 7.364
  LoadShardBlock: 81.495 (3)
  PetaboxLoader3.datanode: 42.122 (4)
  PetaboxLoader3.resolve: 176.386 (2)
  load_resource: 149.966
*/