html, body {
            height: 100%;
        }
        .container {
            background-color: #FFE875;
            border: thick solid #7A2E00;
            padding: 20px;
            margin: 20px;
        }

        div.item {
            vertical-align: top;
            display: inline-block;
            text-align: center;
            width: 40px;
        }
        
        /*img {
            width: 100px;
            height: 100px;
            background-color: grey;
        }*/

        .caption {
            display: block;
            margin-top: -5px;
        }

        .imgShadow {
            -webkit-filter: drop-shadow(0px 0px 10px #222222) drop-shadow(0px 0px 2px #00FF00);
            filter: drop-shadow(0px 0px 10px #222222) drop-shadow(0px 0px 2px #00FF00);
        }

        .overlay
        {
            position:fixed;            
            margin-left:0;
            
            top:0;
            left:0;
            z-index:1001;

            width: 50%;
            height: 100%;
            background:rgba(255,255,255,1);
        }

        .fileUpload {
            position: relative;
            overflow: hidden;
            margin: 10px;
        }
        .fileUpload input.upload {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;
            padding: 0;
            font-size: 20px;
            cursor: pointer;
            opacity: 0;
            filter: alpha(opacity=0);
        }

        .rcorners2 {
            border-radius: 10px;
            border: 3px solid #000000;            
            width: 97%;
            height: 60px; 
            margin-bottom:2px;
            overflow:hidden;
        }

        #header {            
            height: 130px;
            background-color: #E9E0B0;
            z-index: 1001;            
        }
        .headerContent {
            padding-top:1px;
            padding-left:10px;
        }
        .headerTime {
            margin-left: auto;
            margin-right: auto;
        }
        #footer {            
            height: 70px;
            background-color: #abcdef;
            z-index: 1001;
        }
        .scroll-wrapper {
			display: inline-block;
			-webkit-overflow-scrolling: touch;
  			overflow-y: scroll;
		}
		.scroll-wrapper, .scroll-wrapper  {
			width: 100%;
			height: 100%;
		}
        .scroll-wrapper-m {
			display: inline-block;
			-webkit-overflow-scrolling: touch;
  			overflow-y: scroll;
              /*margin: 10px;*/
		}
		.scroll-wrapper-m, .scroll-wrapper-m  {
			width: 100%;
			height: 100%;
		}

        input[type=radio].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

		input[type=radio].css-checkbox + label.css-label {
			padding-left:26px;
			height:21px; 
			display:inline-block;
			line-height:21px;
			background-repeat:no-repeat;
			background-position: 0 0;
			font-size:21px;
			vertical-align:middle;
			cursor:pointer;

		}

		input[type=radio].css-checkbox:checked + label.css-label {
			background-position: 0 -21px;
		}
		label.css-label {
			background-image:url('../images/checkbox.png');
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}

        .center {
            margin: auto;
            /*width: 100px;            */
            padding: 1px;
            text-align:center;
        }

        .gamemsg > table{
            width:100%;
            
        }

        .gamemsg > th, td {
            padding:10px;
            border-bottom: 1px solid #000;
        }

        .spinner {
          margin: 100px auto;
          width: 50px;
          height: 40px;
          text-align: center;
          font-size: 10px;
        }

        .spinner > div {
          background-color: #333;
          height: 100%;
          width: 6px;
          display: inline-block;
  
          -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
          animation: sk-stretchdelay 1.2s infinite ease-in-out;
        }

        .spinner .rect2 {
          -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
        }

        .spinner .rect3 {
          -webkit-animation-delay: -1.0s;
          animation-delay: -1.0s;
        }

        .spinner .rect4 {
          -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
        }

        .spinner .rect5 {
          -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
        }

        @-webkit-keyframes sk-stretchdelay {
          0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
          20% { -webkit-transform: scaleY(1.0) }
        }

        @keyframes sk-stretchdelay {
          0%, 40%, 100% { 
            transform: scaleY(0.4);
            -webkit-transform: scaleY(0.4);
          }  20% { 
            transform: scaleY(1.0);
            -webkit-transform: scaleY(1.0);
          }
        }