/*
** Standard CSS file for readinessdaycare
*/

body {
  font-family: "Trebuchet MS", "Trebuchet", "Nimbus Sans L", sans-serif;
  font-size: 100%;
  color: #120689;
  background: #EEEBFE url("./200BEB6FB-EEEBFE.png") repeat-x;
  text-align: center;
}

p {
  margin-top: 0em;
  margin-bottom: 1.2em;
}

h2, h3 {
  margin-bottom: .5em;
  text-decoration: underline;
}

h2 {
  margin-top: 0;
  text-align: center;
}

#pagecontainer {
  width: 800px;
  margin: 0 auto;
  text-align: left;
}

#headerzone {
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 10px;
  border: solid 1px black;
  background: #FFFFFF;
}

#buttonzone {
  float: left;
  width: 100px;
}

#bodyzone {
  float: right;
  border: solid 1px;
  background: #FFFFFF;
  width: 691px;
  padding-top: 10px;
  padding-bottom: 2px;
}

#content {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}

#content img {
  border: solid 2px #120689;
}

#footerzone {
  margin: 4px;
  padding: 2px;
  background: #EDEDED;
  font-size: 0.7em;
  font-style: oblique;
  text-align: center;
}

div.button {
  width: 100%;
  padding: 2px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 3px;
  border: solid black 1px;
  background: #DDD;
  text-align: left;
  font-weight: bold;
  line-height: 90%;
}

.button A {
  color: #7264F7;
  text-decoration: none;
}

div.selected {
  position: relative;
  left: 3px;
  border-right: 0px;
  background: white;
}

.textbox {
  margin: auto;
  text-align: left;
  font-weight: bold;
  width: 80%;
  font-size: 95%;
  line-height: 100%;
}

.letterbox {
  background: #D1F3D9;
  padding: 10px 4px 1px 4px;
  margin-bottom: 10px;
  font-style: oblique;
  border: dashed 1px #120689;
}

#tsc_player {
   z-index: 9999;	
}

.tscplayer_inline {
	position:static;
	margin: 30px;
	width: 852px;
	height: 480px;
	z-index:auto;
}

.tscplayer_fullframe {
	position:absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 9999;	
}

@media screen and (max-width: 852px) {
    .tscplayer_inline {
	width: 100%;
    }
}