body {
	
	margin: 25px;
	font-family:Arial, serif;
	color:white;
	background: -moz-linear-gradient(bottom right, #444449, rgba(0,0,0,255));
	background-color:black;
	border color:#008080;
	
	
}
.TheaDocWrapper  {
	width: 800px;
	height: auto;
	border:3px solid black;
	background:black;
	moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	margin:200px;
	
}
h3:hover, h5:hover{
	color:white;
}
h3 {
	position:relative;
	
	border:solid 1px #fff;
	cursor:pointer;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
#TheaDoclogo  {
	position:absolute;
	top:-250px;
	left:40px;
	z-index:-1;
	margin: 0px;
	width: 400px;
	height: 250px;
	-moz-border-radius: 10%;
	background: url(TheaDoclogo.svg);
}
#TheaDoclogofast {
	position:absolute;
	top:-250px;
	left:40px;
	z-index:-1;
	margin: 0px;
	width: 400px;
	height: 250px;
	-moz-border-radius: 10%;
	background: url(TheaDoclogofast.svg);
}
.nav  {
	position:absolute;
	top:100px;
	left:350px;
	border:3px ;
	
	moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	
	
	

}
ul.pag {
	
	text-align:center;
	height:30px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	
}
ul.pag li{
	display:inline;
	margin-right:0.2em;
	
}
ul.pag a, ol.pag li.selected {
	padding: 0.2em 0.5em;
	border: 2px solid #ccc;
	text-decoration: none;
	background: -moz-radial-gradient(15% 15% , ellipse farthest-corner,
				 aqua 0%, rgba(0, 0, 0, 255) 59%, black  35%);
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	
}
ul.pag a:hover, ul.pag a:focus, ul.pag li.selected {
	background: -moz-radial-gradient(15% 15% , ellipse farthest-corner,
				 aqua 0%, rgba(0, 0, 0, 255) 100%, black  30%);
	color: white;
}
.table_grey {
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 13px;
	background-color: #666666;
	
	
}
.table_grey tr {
	background-color: #666666;
	color:black;
	
}
.table_grey th {
	background-color: #EEEEEE;
	color:black;
	
}

.table_grey td {
	background-color: #GGGGGG;
	color:black;
	
}
.table_grey input {
	background-color: #EEEEEE;
	color:black;
	
	
}
.fieldset_blue {
	margin:22px;
	font-family: Arial, Helvetica, sans-serif;
	background: -moz-radial-gradient(15% 15% , ellipse farthest-corner,
				 aqua 0%, rgba(0, 0, 0, 255) 59%, black  35%);
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	font-size: 16px;
	background-color: #444444;
	color:#888888;
}
.fieldset_help {
	position:relative;
	margin:8%;
	padding: 2% 2% 2% 2%;
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 16px;
	/*background-color: #444444;
	*/
	background: -moz-radial-gradient(45px 45px, ellipse farthest-corner,
				 aqua 0%, rgba(0, 0, 0, 255) 31%, black  35%);
            no-repeat;
        color:#888888;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	
}
.rights{
	font-family: Arial, Helvetica, sans-serif;
	color:#330033;
	text-align: right;
	font-size:60%;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	
}
.abouttextpan,.aboutpan {
	margin:0px;
	padding:0px;
	width:300px;
	
	text-align:center;
	background: black;
		-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	color: #888888;
	border:solid 1px #c3c3c3;
}
.abouttextpanimage  {
	width: 400px;
	height: 250px;
	-moz-border-radius: 10%;
	background: url(TheaDoclogo.svg);

}
.abouttextpanimage ,.abouttextpan, .textpan, .txp2, .txp3, .txp4, .txp5, .txp6, .txp7, .txp8, .txp9, .txp10, .txp11 {
	display:none;
	
	
}
.imagetable,th,td {
	color:white;
	
	border:solid black;
	
}
a  {
	color:#EEEEEE;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
.scroll {
	width:auto;
	height:auto;
	overflow:auto;
	
}
#create, #mody  {
	padding:5px;
	position:relative;
	text-align:center;
	color:#008080;
	background: -moz-radial-gradient(15% 15% , ellipse farthest-corner,
				 aqua 0%, rgba(0, 0, 0, 255) 21%, black  85%);
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
#shows, #modybutton, #createbutton, #showsoption, #lines   {
	
	width:300px;
	cursor:pointer;
	position:relative;
	text-align:center;
	color:#FFF;
	background: -moz-radial-gradient(15% 15% , ellipse farthest-corner,
				 aqua 0%, rgba(0, 0, 0, 255) 59%, black  35%);
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
#form1, #form2{
	padding:5px;
	text-align:center;
	color:#008080;
	background: -moz-radial-gradient(15% 15% , ellipse farthest-corner,
				 aqua 0%, rgba(0, 0, 0, 255) 21%, black  35%);
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
#homebutton  {
	
	display:inline;
	cursor:pointer;
	height:30px;
	width:190px;
	background:-moz-radial-gradient(15% 15% , ellipse farthest-corner,
				 aqua 0%, rgba(0, 0, 0, 255) 85%, black  35%);
	color: white;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
#homebutton:hover  {
	
	cursor:pointer;
	height:30px;
	width:190px;
	background:-moz-radial-gradient(15% 15% , ellipse farthest-corner,
				 aqua 0%, rgba(0, 0, 0, 255) 100%, black  35%);
	color: white;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
#home  {
	
	display:inline;
	float:bottom;
	text-align:center;
	color:#008080;
	background: -moz-radial-gradient(15% 15% , ellipse farthest-corner,
				 aqua 0%, rgba(0, 0, 0, 255) 21%, black  85%);
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
#createbutton:hover, #modybutton:hover, #shows:hover, #lines:hover {
	background:-moz-radial-gradient(15% 15% , ellipse farthest-corner,
				 aqua 0%, rgba(0, 0, 0, 255) 100%, black  35%);
	color: white;
}
.TheaDocHome  {
	position:absolute;
	top:210px;
	left:305px;
	width:auto;
	height:auto;
	text-align:center;
	margin:0px;
	/*visibility:hidden;
	*/
}
#messageL  {
	text-align:right;
	color: #888888;
	position:relative;
	top:3px;
	left:5px;
	width:180px;
	
	background:-moz-radial-gradient(5% 85% , ellipse farthest-corner,
				 aqua 0%, rgba(0, 0, 0, 255) 3%, black  85%);
	
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	 -moz-box-shadow: 0 2px 4px aqua ;
}
 #messageA  {
	text-align:right;
	position:relative;
	left:200px;
	top:3px;
	width:180px;
	right:60px;
	background:-moz-radial-gradient(5% 85% , ellipse farthest-corner,
				 aqua 0%, rgba(0, 0, 0, 255) 3%, black  85%);
	color: #888888;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	 -moz-box-shadow: 0 2px 4px aqua;
}
#messageW  {
	text-align:right;
	position:relative;
	left:395px;
	top:3px;
	width:180px;
	right:60px;
	background:-moz-radial-gradient(5% 85% , ellipse farthest-corner,
				 aqua 0%, rgba(0, 0, 0, 255) 3%, black  85%);
	color: #888888;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	 -moz-box-shadow: 0 2px 4px aqua ;
}
#messageD  {
	text-align:right;
	position:relative;
	left:590px;
	top:3px;
	width:180px;
	right:60px;
	background:-moz-radial-gradient(5% 85% , ellipse farthest-corner,
				 aqua 0%, rgba(0, 0, 0, 255) 3%, black  85%);
	color: #888888;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	 -moz-box-shadow: 0 2px 4px aqua ;
}
.panel,.flip  {
	margin:0px;
	padding:5px;
	width:800px;
	left:200px;
	text-align:center;
	background: -moz-radial-gradient(15% 15% , ellipse farthest-corner,
					 aqua 0%, rgba(0, 0, 0, 255) 21%, black  85%);
		-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	color: #888888;
	border:solid 1px #c3c3c3;
}
.panel  {
	display:none;
}
.textHint  {
	position:absolute;
	top:300px;
	left:0px;
	width:800;
	height:auto;
}
.images {
	position:relative;
	top:10px;
	left:450px;
	width:auto;;
	height:auto;
	
}
.TheaDocCreate {
	position:absolute;
	top:140px;
	left:550px;
	width:auto;
	height:auto;
}
.TheaDocHelp {
	position:absolute;
	top:140px;
	left:290px;
	width:800px;
	height:auto;
}
.big_img_element{
	position:relative;
	left:0px;
	visibility: hidden;
	background-color: black;
	

}
.big_img_element_visible{
	position:relative;
	left:0px;
	visibility: visible;
	background-color: black;
	
}
.scroll  {
	position:relative;
	left:30px;
	top:-10px;
	height:auto;
	width:1200px; 
}