body {     
    display:block; 
    border: 0px solid #000;
    background: url(../img/body.jpg) no-repeat center center fixed;
    background-size: cover;
    background-attachment:fixed;
    margin: 10px; 
    padding: 10px; 
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
 
.StyleSelectBox {
    width:480px;
    height:32px;
    font:14px Arial, Tahoma, Helvetica, Verdana;
    text-align:left;
    background: rgba(255, 255, 255, 0.55);
    line-height:30px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    color: #000;
    white-space:nowrap;
    padding:0 0px 0 12px;
}

.StyleInfo{
    font: 14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
  
.select {
    color: #7e7e83;
    font-size: 100%;
}

table.table{
    border: 0px #1e1e1e solid;
    border-spacing: 2px;
}
   
table.table th{
    border: 0px #1e1e1e solid;
    background-color: rgba(0, 146, 243, 0.4);
}
   
table.table td{
    border: 0px #1e1e1e solid;
    width: 500px;
}
   
table.table tfoot td{
    border: 0px #1e1e1e solid;
    background-color: rgba(0, 146, 243, 0.2);
}

#footer {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 0px;
    color: black;
    width: 100%;
}
  
#header {
    position: sticky;
    left: 0; top: 0px;
    padding: 10px;
    color: blue;
    width: 100%;
}

.microsoft {
    opacity: 0.93;
}

.tftable {
    font-size:12px;
    color:#333333;
    width:98%;
    border-width: 1px;
    border-color: #45b9bb;
    border-collapse: collapse;
}

.tftable th {
    font-size:16px;
    background-color:rgba(124, 205, 212, 0.7);
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #45b9bb;
    text-align:center;
}

.tftable td {
    font-size:14px;
    border-width: 1px;
    border-style: solid;
    border-color: #45b9bb;
}

.tftable_aria2 {
    font-size:12px;
    color:#333333;
    width:100%;
    border-width: 1px;
    border-color: #45b9bb;
    border-collapse: collapse;
}

.tftable_aria2 td {
    font-size:14px;
    border-width: 1px;
    border-color: #45b9bb;
}

.textarea2 {
    background-color: rgba(205, 245, 249, 0.59);
}

.button2 {
    cursor: pointer;
    font-size:14px;
    text-decoration: none;
    padding:10px 20px;
    color: rgb(0, 0, 0);
    background-color: rgba(24, 223, 237, 0.8);
    border-radius: 15px;
}

.pre {
    box-sizing: content-box;
    cursor: progress;
    padding: 10px;
    color: rgb(255, 0, 22);
    text-overflow: clip;
    white-space: pre-line;
    background: rgba(255, 255, 255, 0.58);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 0px 0px;
    border-radius: 20px;
}

.pre2 {
    box-sizing: content-box;
    width: 400px;
    cursor: progress;
    padding: 10px;
    color: rgb(0, 0, 0);
    text-overflow: clip;
    white-space: pre-line;
    background: rgba(255, 255, 255, 0.58);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 0px 0px;
    border-radius: 20px;
}

.send {
    box-sizing: content-box;
    cursor: unset;
    padding: 15px;
    color: #49860b;
    text-overflow: clip;
    white-space: pre-line;
    background: rgba(255, 255, 255, 0.58);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 0px 0px;
    border-radius: 20px;
}

.stats_table {
    font-size:12px;
    color:#333333;
    width:100%;
    border-width: 1px;
    border-color: #b2b5b5;
    border-collapse: collapse;
}

.stats_table th {
    font-size:12px;
    background-color: #dedede;
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #404040;
    /* text-align:left; */
}

.stats_table tr {
    background-color:#ffffff;
}

.stats_table td {
    font-size:12px;
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #404040;
}

.modalDialog {
    position: fixed;
    font-family: Segoe UI, Verdana, Arial, Sans-Serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(56, 56, 56, 0.5);
    z-index: 99999;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    display: none;
    pointer-events: none;
}

.modalDialog:target {
	display: block;
	pointer-events: auto;
}

.modalDialog > div {
	width: 780px;
	position: sticky;
	margin: 5% auto;
	padding: 5px 20px 13px 20px;
	/* border-radius: 10px; */
	background: #fff;
	background: -moz-linear-gradient(rgb(215, 230, 230), rgb(217, 232, 232), rgb(215, 230, 230));
	background: -webkit-linear-gradient(rgba(241, 241, 241, 0.6), rgba(220, 220, 220, 0.6), rgba(199, 199, 199, 0.6));
	background: -o-linear-gradient(rgb(215, 230, 230), rgb(217, 232, 232), rgb(215, 230, 230));
}

.title {
	background: #45a0bbad;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	text-align: center;
	left: 0px;
	top: -16px;
	width: 796px;
	text-decoration: none;
	font-weight: bold;
	/* -webkit-border-radius: 12px; */
	-moz-border-radius: 12px;
	/* border-radius: 12px; */
	-moz-box-shadow: 1px 1px 3px #4ee2f2;
	/* -webkit-box-shadow: 1px 1px 3px #de0e0e; */
	/* box-shadow: 1px 1px 3px #1b1a1a; */
}

.close {
	background: #d6292996;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: 0px;
	text-align: center;
	top: 0px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	/* -webkit-border-radius: 12px; */
	-moz-border-radius: 12px;
	/* border-radius: 12px; */
	-moz-box-shadow: 1px 1px 3px #4ee2f2;
	/* -webkit-box-shadow: 1px 1px 3px #de0e0e; */
	/* box-shadow: 1px 1px 3px #1b1a1a; */
}

.close:hover {
    background: #ff0000;
}