/*	Talkomatic Stylesheet - Standard Horizontal Slot Layout

	Author:  David R. Woolley
	Copyright (c) 2014 Thinkofit, Inc.
	www.thinkofit.com
	
	Last changed 8/1/2014
*/

body {
	background-color: #000000;
}

a {
	color: #ff6300;
	font-weight: bold;
}

#talkohead {
	min-height: 3.5em;	/* to accommodate floated element */
}

div#talkotitle {
	margin-left: auto;
	margin-right: auto;
	width: 20em;	/* Must specify a width to avoid having floated element push it off-center */
}

h1.talkohead {
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	color: #ff6300;
	margin-top: 0;
	margin-bottom: 8px;
}
sup.tm {
	font-size: .3em;
	/* vertical-align: 160%; */
}

div#noconnect {
	/* display: table;   This gets added via jQuery when Lost Connection message is to be shown */
	background-color: #ffffff;
    border: 4px solid #ff0000;
    font-size: 1.5em;
    margin: 8px auto;
}
div#noconnect p {
	font-family: comic sans ms;
	margin: 0.4em 0.5em auto 75px;
	padding-bottom: 0.5em;
}

#house { 	/* Outside of the room (contains entire screen) */
}

#room { 	/* Talko room - contains all functionality */
*	width: 80%;
	margin: 0px auto 10px;
	border: outset 4px #a0a0a0;
	background-color: #e0e0ff;
}

#roomhead {
	margin: 0;
	background-color: #f3f3ff;
	border-bottom: 1px solid;
}

h2.roomhead {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	color: #000000;
	margin: 0 auto 8px auto;
	width: 40em;
}

div#sound {
	float: left;
	margin-left: 8px;
}

div#privacy {
	float: left;
	margin-left: 12px;
	margin-top: 1px;
}

div#exit {
	float: right;
}

button#exit {
	float: right;
	margin-right: 8px; 
	font-weight: bold;
}

div.slot {
	margin: 10px auto;
	width: 96%;
	background-color: #f3f3f3;	/* added 8/1/14 */
}

div.myslot {	/* Special styling for user's own slot */
	border: 2px solid #ff6300;	
}

div.slothead {
	width: 100%;
	color: #000000;
	background-color: #f3f3f3;
	font-weight: bold;
}

.username {
	float: left;	/* added 8/1/14 */
	padding-left: .4em;
}

div.userloc {
	float: right;
	margin-right: .4em;
	color: #505050;
}

div.slot textarea {
	overflow: hidden;	/* hide scrollbars */
	font-family: Times, Courier;
	width: 99.5%;	/* backed off from 100% to keep it from overlapping right edge of slot border */
	padding: 0;
}


#talkofoot {	/* Application footer area */
	color: #f3f3ff;
	text-align: center;
	font-size: .7em;
	margin-top: 2.5em;
	/* font-family: Arial, san-serif; */
}
#talkofoot a {
	color: #f3f3ff;
	text-decoration: none;
}
#talkofoot a:hover {
	color: blue;
}

#invite {	/* Invitation link area */
	color: #f3f3ff;
	text-align: center;
	margin: 1em auto;
}

#invitelink {
	font-family: Arial, san-serif;
	font-size: .75em;
}
#invitelink a {
    text-decoration: none;
}

#keyremind {	/* Reminder to send key (beneath invitation area) */
	font-size: .7em;
	margin-top: .5em;
}

.invisible {
	display: none;
}

.display_table {
	display: table;
}


/*
     FILE ARCHIVED ON 01:58:43 Oct 19, 2014 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:54:12 May 05, 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.662
  exclusion.robots: 0.091
  exclusion.robots.policy: 0.081
  cdx.remote: 0.066
  esindex: 0.011
  LoadShardBlock: 186.789 (3)
  PetaboxLoader3.resolve: 129.639 (4)
  PetaboxLoader3.datanode: 93.182 (4)
  load_resource: 101.477
*/