html {
      margin: 0 auto;
      max-width: 800px;
    }
body {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 1em;
  max-width: 800px;
  margin: 0 auto;
}
a:link {
  color: #0000FF;
  background-color: transparent;
  text-decoration: none;
}
input[type=submit] {
#  		width: 50%;
  		background-color: #4CAF50;
  		color: white;
  		padding: 14px 20px;
  		margin: 8px 0;
  		border: none;
  		border-radius: 10px;
  		cursor: pointer;
		font-family: Tahoma, Geneva, sans-serif;
        font-size: 1em;
		font-weight: bold;
  	}

  	input[type=submit]:hover {
  		background-color: #45a049;
  	}
table {
  border-collapse: collapse;
  width: 100%;
}
table td, table th {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}
table tr:nth-child(even){background-color: #E6E6E6;}

table tr:hover {background-color: #ddd;}
table th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #4CAF50;
  color: white;
}
table td {
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: bold;
}

#audiotable {
  text-align:center;
}

#audiotable td, #audiotable th {
border:0;
}


div {
#	border: 5px outset red;
	background-color: lightblue;
	text-align: center;
#    text-align: justify;
    white-space: pre-line;
    line-height: 200%;
}
.post {
  background-color: #E6E6FA;
  color: #000;
  border: 0px solid black;
  border-radius: 25px;
  margin-bottom: 15px;
  padding: 10px;
  text-align: justify;
  white-space: pre-line;
  line-height: 200%;
#  text-shadow: 2px 2px #ff0000;
 # text-decoration: overline;
}
.post1 {
  background-color: #f0f0f0;
  color: #000;
  border: 0px solid black;
  border-radius: 25px;
  margin-bottom: 15px;
  padding: 10px;
  text-align: justify;
  white-space: pre-line;
  line-height: 200%;
}
.titr_r {
 # background-color: #DCDCDC;
    color: #000;
	text-align: right;
	border: 0px solid #000;
#	border-radius: 25px;
	padding-right: 30px;
	padding-top: 0px;
  padding-bottom: 0px;
#	border-radius: 25px;
#	font-size: 14px;
#	padding: 5px 10px;
#	font-weight: normal;
#	float: center;
#	width:80%;
#	white-space: pre-line;
}
.titr_l {
#  background-color: #DCDCDC;
   color: #000;
	text-align: left;
	font-size: 10px;
	border: 0px solid #000;
#	border-radius: 25px;
	padding-left: 30px;
	padding-top: 0px;
  padding-bottom: 0px;
  
#	border-radius: 25px;
#	font-size: 14px;
#	padding: 5px 10px;
#	font-weight: normal;
#	float: center;
#	width:80%;
#	white-space: pre-line;
}
.div {
	margin: 0 auto;
	background: #f0f0f0;
	text-align: center;
	border: 0px solid #000;
	border-radius: 10px;
#	font-size: 14px;
#	padding: 5px 10px;
#	font-weight: normal;
#	float: right;
	width: 90%;
}