body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#FlexBoxContainer3
{
   display: -webkit-flex;
   display: flex;
   padding: 10px 10px 10px 10px;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   -webkit-align-content: center;
   align-content: center;
   background-color: transparent;
   background-image: none;
   border: 0px #CCCCCC solid;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
#FlexBoxContainer4
{
   display: -webkit-flex;
   display: flex;
   padding: 1px 10px 5px 10px;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: flex-start;
   align-content: flex-start;
   background-color: #9400D3;
   background-image: none;
   border: 0px #CCCCCC solid;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
#i_matchname
{
   border: 0px #CCCCCC solid;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color :#000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 2vw;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding: 4px 4px 4px 4px;
   -webkit-flex-grow: 0;
   flex-grow: 0;
   -webkit-flex-shrink: 0;
   flex-shrink: 0;
   -webkit-align-self: auto;
   align-self: auto;
   text-align: center;
   vertical-align: top;
}
#FlexBoxContainer1
{
   display: -webkit-flex;
   display: flex;
   padding: 10px 10px 10px 10px;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   -webkit-align-content: flex-start;
   align-content: flex-start;
   background-color: #FFFFE0;
   background-image: none;
   border: 0px #CCCCCC solid;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
#FlexBoxContainer2
{
   display: -webkit-flex;
   display: flex;
   padding: 10px 10px 10px 10px;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: flex-start;
   align-content: flex-start;
   background-color: transparent;
   background-image: none;
   border: 0px #CCCCCC solid;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
#wb_Extension1
{
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   overflow: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
#wb_Extension1 th,
#wb_Extension1 td 
{
   padding: 3px 6px;
   vertical-align: top;
}
#wb_Extension1 th 
{
   text-align: left;
   color: #FFFFFF;
   font-weight: normal;
   font-style: normal;
}
#wb_Extension1 thead th
{
   background-color: #808080;
}
#wb_Extension1 .sortable thead th
{
   padding-left: 18px;
}
tr.even, tr.first
{
   background-color: #EEEEEE;
}
tr.odd,
tr.second
{
   background-color: #DDDDDD;
}
td.sorted
{
   background: #FFFFDD;
}
th.clickable
{
   background: transparent url(./images/white_arrows.gif) no-repeat 0 0;
}
th.sorted-asc
{
   background-position: 0 -20px;
}
th.sorted-desc
{
   background-position: 0 -40px;
}
.clickable
{
   cursor: pointer;
}
.hover
{
   text-decoration: underline;
}
#wb_Extension1{
   -webkit-flex-grow: 0;
   flex-grow: 0;
   -webkit-flex-shrink: 0;
   flex-shrink: 0;
   -webkit-align-self: auto;
   align-self: auto;
}
#Label3
{
   border: 0px #CCCCCC solid;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color :#0000FF;
   font-family: Arial;
   font-weight: bold;
   font-size: 21px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding: 4px 4px 4px 4px;
   -webkit-flex-grow: 0;
   flex-grow: 0;
   -webkit-flex-shrink: 0;
   flex-shrink: 0;
   -webkit-align-self: auto;
   align-self: auto;
   text-align: center;
   vertical-align: top;
}
#i_cdate
{
   border: 0px #CCCCCC solid;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color :#0000CD;
   font-family: Arial;
   font-weight: bold;
   font-size: 19px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding: 4px 4px 4px 4px;
   -webkit-flex-grow: 0;
   flex-grow: 0;
   -webkit-flex-shrink: 0;
   flex-shrink: 0;
   -webkit-align-self: auto;
   align-self: auto;
   text-align: center;
   vertical-align: top;
}
#Label2
{
   border: 0px #CCCCCC solid;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color :#FFFFFF;
   font-family: Arial;
   font-weight: bold;
   font-size: 19px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding: 4px 4px 4px 4px;
   -webkit-flex-grow: 0;
   flex-grow: 0;
   -webkit-flex-shrink: 0;
   flex-shrink: 0;
   -webkit-align-self: auto;
   align-self: auto;
   text-align: center;
   vertical-align: top;
}
#stadium
{
   border: 1px #CCCCCC solid;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   padding: 4px 4px 4px 4px;
   -webkit-flex-grow: 0;
   flex-grow: 0;
   -webkit-flex-shrink: 0;
   flex-shrink: 0;
   -webkit-align-self: auto;
   align-self: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
#stadium:focus
{
   border-color: #66AFE9;
   -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#Label2
{
   display: block;
   width: 495px;
   height: 27px;
   height: 27px;
   line-height: 27px;
   z-index: 2;
}
#Label3
{
   display: block;
   width: 877px;
   height: 30px;
   height: 30px;
   line-height: 30px;
   z-index: 4;
}
#i_matchname
{
   display: inline;
   width: 100%-40px;
   height: 29px;
   height: 29px;
   line-height: 29px;
   z-index: 0;
}
#wb_Extension1
{
   display: inline-block;
   width: 100%;
   z-index: 5;
}
#stadium
{
   display: block;
   width: 150px;
   height: 25px;
   z-index: 3;
}
#i_cdate
{
   display: block;
   width: 130px;
   height: 27px;
   height: 27px;
   line-height: 27px;
   z-index: 1;
}

#Layermatchresult
{
   background-color: #FFFAF0;
   background-image: none;
   overflow: visible;
}
.ui-dialog
{
   border-width: 0;
   padding: 0;
   overflow: visible;
}
.ui-widget-content
{
   border-width: 0;
   padding: 0;
}
#Layermatchresult-close
{
   position: absolute;
   top: -15px;
   right: -15px;
   width: 32px;
   height: 32px;
   background: url('images/layer_close.png') top left no-repeat;
   cursor: pointer;
   z-index: 999;
}
#matchresult
{
   border: 0px #CCCCCC solid;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color :#000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   padding: 4px 4px 4px 4px;
   text-align: left;
   vertical-align: top;
}
#Layermatchresult
{
   text-align: left;
   width: 443px;
   height: 234px;
   z-index: 11;
}
#matchresult
{
   position: absolute;
   left: 27px;
   top: 22px;
   width: 370px;
   height: 181px;
   line-height: 181px;
   z-index: 5;
}

@media only screen and (max-width: 639px)
{
#FlexBoxContainer3
{
   visibility: visible;
   display: flex;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
}
#FlexBoxContainer3
{
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   -webkit-align-content: center;
   align-content: center;
}
#FlexBoxContainer4
{
   visibility: visible;
   display: flex;
   font-size: 13px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #9400D3;
   background-image: none;
}
#FlexBoxContainer4
{
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: flex-start;
   align-content: flex-start;
}
#i_matchname
{
   width:80%;
   height: 57px;
   visibility: visible;
   display: inline;
   color: #000000;
   font-size:3.5vw;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
   border-radius: 4px;
}
#FlexBoxContainer1
{
   visibility: visible;
   display: flex;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFFE0;
   background-image: none;
}
#FlexBoxContainer1
{
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   -webkit-align-content: flex-start;
   align-content: flex-start;
}
#FlexBoxContainer2
{
   visibility: visible;
   display: flex;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
}
#FlexBoxContainer2
{
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: flex-start;
   align-content: flex-start;
}
#wb_Extension1
{
   width: 100%;
   height: 697px;
   visibility: visible;
   display: inline;
}
#Timer1
{
   left: 45px;
   top: 144px;
   width: 15px;
   height: 16px;
   visibility: visible;
   display: inline;
}
#Label3
{
   width: 338px;
   height: 55px;
   visibility: visible;
   display: inline;
   color: #0000FF;
   font-size: 16px;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
   border-radius: 4px;
}
#i_cdate
{
   width: 144px;
   height: 30px;
   visibility: visible;
   display: inline;
   color: #0000CD;
   font-size: 19px;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
   border-radius: 4px;
}
#Label2
{
   width: 290px;
   height: 30px;
   visibility: visible;
   display: inline;
   color: #FFFFFF;
   font-size: 19px;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
   border-radius: 4px;
}
#stadium
{
   width: 150px;
   height: 25px;
   visibility: visible;
   display: inline;
   color: #000000;
   font-size: 13px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 4px;
}
}