/*
tps.css
styles for the people's scrum pages
*/


body {
  width: 80%;
  background: #FFF;
  margin: auto;
  padding: 1px;
  min-width: 800px;
  border: none;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; 
  -webkit-text-size-adjust:none;
}

/* dark red #DF3F1D */
a { color:#DF3F1D; text-decoration: none; }
.fakelink { color:#DF3F1D; cursor:pointer;}
a:hover, .fakelink:hover { color:#333; text-decoration: none; }

.whitelink { color:#EEE; cursor:pointer;}
.whitelink:hover { color:#DF3F1D; text-decoration: none; }

body { 
  font-size:18pt; 
  max-width: 800px;
  min-width: 800px;
}

.header {
  margin-bottom:20px;
}

h1 {
  margin-block-start: 0.0em;
  margin-block-end: 0.0em;
  font-weight: normal;
  font-size:40px;
  color: #EEE;
  -webkit-text-size-adjust:none;
}

#playerbox {
  padding-top:20px;
  background-color:#FFF;
}

#fixedheader {
  top:0; 
  position:static; 
  width:800px;
}

#mainbox {
  font-family:Georgia,Cambria,'Times New Roman',Times,serif; 
  letter-spacing: .01rem;
  font-weight: 400;
  font-style: normal;
  font-size:18px; 
  line-height: 1.5;
  letter-spacing: -.003em;
  text-align: left;
  -webkit-text-size-adjust:none;
  background-color: #333;
  padding: 12px 0 12px 0;
  margin-top: 0px;
  width:800px;
}

#tpsheader {
  height:auto;
  width:100%;
  display: table;
  background-color: #333;
  margin:auto;
  padding: 0;
  text-align:right;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; 
  -webkit-text-size-adjust:none;
}

#tpsheadleft {
  float:left;
  text-align:left;
  width: 200px;
  padding: 10px 0 5px 10px;
}

#tpsheadright {
  width: 100%;
}

#tpstitle, #tpsmenu {
  padding: 20px;
}

#tpstitle {
  height: 94px;
}

#tpsmenu {
  color:#EEE;
  font-weight: normal;
  font-size:25px;
  padding-bottom:4px;
  -webkit-text-size-adjust:none;
}

#tpsfist {
}

#status, #prompt, #loadmsg { 
  text-align:left;
  padding-bottom: 6px;
  color: #777;
  width:auto;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  background:none;
}

#status, #prompt { display: none; }

#autoyes {
  color:#059F00; /* green */
  display:none;
}
#autono {
  color:red;
  padding-right:1.5px;
  display:inline;
}

#containercenter {
  margin:auto;
  width:500px;
  background-color:#FFF;
  padding:12px;
  /* border-left: 1px solid #CCC; */
}

#soundcontainer {
  height:55px;
  background-color: #EEE; 
  background-image: url("tps_img/playicon.png");
  background-position: left;
  background-size: auto 50px;
  background-repeat: no-repeat;
  padding: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid black;
  -webkit-text-size-adjust:none;
}

#player {
  height:54px;
  width:100%;
  -webkit-text-size-adjust:none;
}

#playcontroller {
 margin-top:0px;
 text-align:right;
 width:auto;
 height: 40px;
 border-bottom: 3px solid #000;
}

#stopskip {
  visibility:hidden;
}

#skip { display:none; }

#tracklist {
  padding: 0 2px 0 2px;
  background: none;
}

.eachtrack {
  display:table; 
  padding:4px 5px 6px 5px; 
  border: 1px solid #EEE;
  width:485px; 
  margin:10px 0; 
  background:#EEE; 
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  cursor: default;
}

.sectiontitle { 
  height:auto;
  font-weight: 600;
  float:none;
  width:auto;
  color: #DF3F1D;  /* dark red */
  padding: 10px 0 0 0; 
  margin: 16px 0 0 0; 
  border-top: 1px solid #AAA;
  cursor: default;
}

.tracktitle {
  height:auto; 
  float:left;
  cursor: pointer;
  width: 85%; 
  padding: 0px 10px 0 0;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}

.tracktitle:hover { color: #DF3F1D; }

.readlink {
  float:right;
  height:auto; 
  margin-top: -8px;
  padding: 8px 0 0 0;
  margin-bottom: 0px;
  text-align:right;
  cursor: pointer;
  color: #DF3F1D;
}

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

#sortmenu {
  padding: 10px 0 0 0; 
  margin: 16px 0 0 0; 
  border-top: 1px solid #AAA;
  text-align:right;
}

.audioplay, .audioresume { color: #059F00; cursor: pointer; }
.audiopause  { color: red; cursor: pointer; }
.audiopause, .audioresume { display: none;}

/* updates to tickets.css styles */
#whitebg {
  top:1px;
}
#greybg {
  background: #333;
  height:3300px;
}
#regscreen {
  margin-top:50px;
}

.eachimage {
  width:1px;
  height:1px;
}

.footer {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  font-size: 12pt;
  color: #777;
  margin: 40px 0 60px 0;
  border-top: 1px solid #AAA;
  padding-top: 10px;
  width: 100%;
  -webkit-text-size-adjust:none;
}

/* styles for framed pages, e.g. credits */

#tpspagesbox {
  width:600px;
  margin:auto;
  font-family:Georgia,Cambria,'Times New Roman',Times,serif; 
  letter-spacing: .01rem;
  font-weight: 400;
  font-style: normal;
  font-size:18px; 
  line-height: 1.5;
  letter-spacing: -.003em;
  text-align: left;
  -webkit-text-size-adjust:none;
}

#headline {
  width:600px;
  margin:auto;
  margin-top:50px;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; 
  font-weight: 600;
  font-size:30pt;
}


/* ---------------------------------------- */
/* for tracking frame and result */

#trackerframe {
  height:10px; 
  width:10px; 
  border: none; 
  background: none; 
  display: none;
}

#interactions {
  float:right; 
  padding-right:4px; 
  color:#CCC;
}