﻿
body, table, tr, td, div, img
{
	margin: 0;
	padding: 0;
	border-width:0;
	border-spacing:0;
	border-collapse:collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal; 
	color: #000000;
}

body { 	background-color: #C7CBD2; }

.Txt1Cur { font-size: 15px; font-weight: bold; }

.Txt1 { font-size: 15px; font-weight: bold; }

.Txt2 { font-size: 14px; font-weight: bold; }

.GameName { }

.HomeName { }

.Pad { padding:20px 20px 20px 20px; }

.Box { border:solid 1px black; width:300px; height:200px; border-collapse:separate; border-spacing:1px; background-color:White; }

.BoxTitle { background-image:url(/res/img/box_title.png); background-repeat: repeat-x; height:27px; padding-left: 35px; color:White; }

.BoxContent { background-color:#D5DFED; padding: 20px 10px 20px 10px; }

.Form td { padding: 5px 10px 5px 10px; }

.TransferList { width:650px; background-color:#FFFFFF; border:solid 1px black; border-collapse:separate; border-spacing:1px; }

.TransferList td { padding: 0px 5px 0px 5px; background-color:#D5DFED; height:27px; }


/*.Header td { background-image:url(/res/img/list_title.png); background-repeat: round; height:27px; color:White; }*/
.Header td { background-image:url(/res/img/list_title.png); background-repeat: repeat-x; height:27px; color:White; }

/*.Header td { background-image:url(/res/img/list_title.png); background-repeat: round; height:27px; color:black; background-color:#97b4c2 }*/

.BigBox { border:solid 1px black; border-collapse:separate; border-spacing:1px; background-color:White; }

.Lined { background-color:White; width:100%; height:100%; border-collapse:separate; border-spacing:1px; }

.Lined td { background-color:#D5DFED; padding: 5px 10px 5px 10px; }


.loading {
    position: fixed;
    z-index: 999;
    width: 50px;
    height: 50px;
    display: inline-block;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

div.loading div {
    width: 6%;
    height: 16%;
    background: #FFF;
    position: absolute;
    left: 49%;
    top: 43%;
    opacity: 0;
    -webkit-border-radius: 50px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    -webkit-animation: fade 1s linear infinite;
}

.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
    background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

    .loading:not(:required):after {
        content: '';
        display: block;
        font-size: 10px;
        width: 1em;
        height: 1em;
        margin-top: -0.5em;
    }


@-webkit-keyframes fade {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.25;
    }
}

.loading div.bar1 {
    -webkit-transform: rotate(0deg) translate(0, -130%);
    -webkit-animation-delay: 0s;
}

.loading div.bar2 {
    -webkit-transform: rotate(30deg) translate(0, -130%);
    -webkit-animation-delay: -0.9167s;
}

.loading div.bar3 {
    -webkit-transform: rotate(60deg) translate(0, -130%);
    -webkit-animation-delay: -0.833s;
}

.loading div.bar4 {
    -webkit-transform: rotate(90deg) translate(0, -130%);
    -webkit-animation-delay: -0.7497s;
}

.loading div.bar5 {
    -webkit-transform: rotate(120deg) translate(0, -130%);
    -webkit-animation-delay: -0.667s;
}

.loading div.bar6 {
    -webkit-transform: rotate(150deg) translate(0, -130%);
    -webkit-animation-delay: -0.5837s;
}

.loading div.bar7 {
    -webkit-transform: rotate(180deg) translate(0, -130%);
    -webkit-animation-delay: -0.5s;
}

.loading div.bar8 {
    -webkit-transform: rotate(210deg) translate(0, -130%);
    -webkit-animation-delay: -0.4167s;
}

.loading div.bar9 {
    -webkit-transform: rotate(240deg) translate(0, -130%);
    -webkit-animation-delay: -0.333s;
}

.loading div.bar10 {
    -webkit-transform: rotate(270deg) translate(0, -130%);
    -webkit-animation-delay: -0.2497s;
}

.loading div.bar11 {
    -webkit-transform: rotate(300deg) translate(0, -130%);
    -webkit-animation-delay: -0.167s;
}

.loading div.bar12 {
    -webkit-transform: rotate(330deg) translate(0, -130%);
    -webkit-animation-delay: -0.0833s;
}