body 
{
	margin:0px;
	padding:0px;
	background: url('../images/bg.jpg') no-repeat center fixed;
} 
body,html 
{
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:White;
}

a {
	text-decoration:none;
	color:#f5c934;
}

a:hover {
	text-decoration:underline;
}

a:focus {
	outline:none;
}

p {
	margin:0 0 10px;
}



h1, h2, h3 {
	font-size:22px;
	letter-spacing:-1px;
	line-height:100%;
	padding-bottom:15px;
	clear: both;
	padding-top: 10px;
     text-transform:uppercase;
}

h1 {
	font-weight:normal;
	padding-top: 10px;
}

h1 a:hover {
	text-decoration:none;
	color:#333;
}

h2 {
	font-size:20px;
	padding-top:10px;
	font-weight:normal;
}

h3 {
	font-size:18px;
	padding-top:10px;
}
 
#mainLogo 
{
	width:684px;
	height:116px;
	background:url('../images/hk4d.png') no-repeat;
	margin:80px 0px 0px 0px;
}
ul#menu {
    padding: 0;
    margin: 0;
    margin-top:-15px;
    margin-bottom:-3px;
    background: url('../images/btn_bg.png') no-repeat;
	width:1000px;
	height:54px; font-weight:bold;
	line-height:60px; text-align:left; text-transform:uppercase;
}
ul#menu li {
    display: inline; 
    padding:0px 30px;
}
ul#menu li a {
     
    color: white; 
    text-decoration: none;  
}
ul#menu li a:hover { 
} 

ul#menu li#mHome 
{
	padding:0px 50px; 
	color:#333333;
}
ul#menu li#mDesc
{
	padding:0px 50px; 
	color:#999999;
}

#moveBar 
{
	 
	padding: 0px 2px;border:1px solid #886A08; line-height:20px; background-color:#111;
}
 
#moveBar marquee
{
	color: #cfcfcf;
}
#tab_nav, #tab_nav ul, #tab_nav li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#tab_nav {
    background: url(../images/tabnav.png) no-repeat;
    height: 36px; 
    width:362px;
    line-height: 36px;
    vertical-align: middle; 
    padding:0px 20px; overflow:visible;
}
#tab_nav ul {
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    position: relative;
    top: 0px;
}
#tab_nav ul li {
    background-color: inherit;
    color: #e8eff5;
    float: left;
    font: bold 12px/34px Arial,Helvetica,sans-serif;
    padding: 0 10px;
    text-transform: uppercase;
    vertical-align: middle;
}
#tab_nav ul li.hover, #tab_nav ul li:hover {
    background-color: transparent;
    color: #FFFFFF;
    cursor: default;
    position: relative;
    z-index: 19;
}
#tab_nav ul li a {
    background-color: inherit;
    color: #e8eff5;
    display: block;
    line-height: 36px;
    text-decoration: none;
}
#tab_nav ul li a:hover {
    background-color: inherit;
    color: #FFFFFF;
}
#tab_nav ul ul {
    background-color: #72AFFF;
    left: 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    min-width: 100px;
    z-index: 18;
}
#tab_nav ul ul li {
    background-color: #7a0300;
    float: none;
}
#tab_nav ul li:hover > ul {
    visibility: visible;
}
#tab_nav ul li.rtl ul {
    left: auto;
    right: 0;
    top: 100%;
}
#tab_nav ul ul ul {
    left: 99%;
    top: 1px;
}
#tab_nav ul li.rtl ul ul {
    left: auto;
    right: 99%;
    top: 1px;
}
#tab_nav ul .dir { 
}
#tab_nav ul ul .dir { 
}

#tdTop 
{
height:224px;width:1000px;
background:url('../images/top_bg.png') no-repeat 50% 0% fixed;	
}

#floatAds 
{
	top:10px;
	left:0px;
	float:left;
	position:absolute; background:url('../images/darktrans.png') repeat;  padding: 5px 5px 5px 0px;
}
#floatAdmin 
{
	top:10px;
	right:0px;
	float:right;
	position:fixed;	
}
#timeNow 
{
	width:200px; display:block; text-align:center; color:White; float:left;
}
.arrowUpSmall {
    z-index:100;
    position:fixed;bottom:10px;right:10px;
    /*position: relative;*/
    /*top: 10px;*/
   /* text-align: right;
    font-size: 12px;
    font-weight: bolder;*/
    background:	url("../images/top.png") 0 0 no-repeat;
    height: 23px;
    margin-right: 5;
    width: 55px;
}
#footerWidgetsInner #copyright {
	clear:both; 
	padding-top:20px;
	position:relative;
	background:	url("../images/footer.png") 0 0 no-repeat;
	width:1000px;
	height:32px;
}
#mainStuff 
{
	width:1000px; background-color:Black;	
}


table.resultTbl { 
font-size: 12px; 
}
table.resultTbl tr th {
/*background:#c9c9c9;*/
background:#222222;
padding:3px; color:#fff;
}
table.resultTbl  tr td {
vertical-align:top;
font-size: 12px;
padding:3px;color:#333;
}
table.resultTbl  tr td table {
border: 1px solid #cfcfcf;

background:#999999;
}
table.resultTbl  tr td table tr td { 
font-size: 14px;
vertical-align:middle;
text-align:left;
font-weight:bold;
padding:3px;
/*background:#E6E6E6;*/
background:#000000;
color:#fff;
}
table.resultTbl  tr td table tr td a 
{
	color:#d50e00;
}
table.resultTbl  tr td table tr td img {
width:31px;
height:33px;
padding:1px;
}
table.resultTbl tr td table tr td img.flag {
width:34px;
height:20px;
}
table.resultTbl tr td table tr td img.team {
width:40px;
height:40px;
}
.resultTbl table tr td.A,
.resultTbl table tr td.B,
.resultTbl table tr td.C,
.resultTbl table tr td.D,
.resultTbl table tr td.E,
.resultTbl table tr td.F,
.resultTbl table tr td.G,
.resultTbl table tr td.H { 
text-align:left; font-size:10pt;
}

.postItem {
	margin:0 0 15px;
	padding:0 0 15px;
	border-bottom:1px dotted #bbb;
	overflow:hidden;
    font-size:25px;
}

.postItem img {
    /*margin-right: 0px;*/
}

#container {
display: table; width:100%;  
    
}

#container .row  {
display: table-row;
}

#container .row .cell {
display: table-cell; padding:10px; width:33%;
     
}
#container .row .cell .box 
{
background-color:#333;height:220px; padding-top:20px;
}    
#container .row .cell .box .boxTitle
{
width:300px; height:220px;
}
#container .row .cell .box .boxTitle p
{
	padding:60px 0px 0px 0px;
	 text-align:center;  font-size:large;
}
#container .row .cell .box .boxResult
{	
background-color:#000; height:80px; width:260px; text-align:center; margin:0px 20px;
}
#container .row .cell .box .boxPeriod
{	
background-color:#f00; line-height:24px; width:260px;text-align:center; margin:0px 20px;
}
#container .row .cell .box .box4d { background:url('../images/4d.png') no-repeat 50% 0%; }
#container .row .cell .box .box42 { background:url('../images/42.png') no-repeat 50% 0%; }
#container .row .cell .box .box48 { background:url('../images/48.png') no-repeat 50% 0%; }
#container .row .cell .box .box3b { background:url('../images/3b.png') no-repeat 50% 0%; }
#container .row .cell .box .box3d { background:url('../images/3d.png') no-repeat 50% 0%; } 


#container1 {
display: table; width:100%;height:80%;     
}

#container1 .row1  {
display: table-row;
}

#container1 .row1 .cell1 {
display: table-cell; padding:10px; 
     
}

.TblLogin
{
    background: rgb(207, 163, 85);
background: -moz-linear-gradient(30deg, rgb(207, 163, 85) 30%, rgb(246, 216, 113) 70%);
background: -webkit-linear-gradient(30deg, rgb(207, 163, 85) 30%, rgb(246, 216, 113) 70%);
background: -o-linear-gradient(30deg, rgb(207, 163, 85) 30%, rgb(246, 216, 113) 70%);
background: -ms-linear-gradient(30deg, rgb(207, 163, 85) 30%, rgb(246, 216, 113) 70%);
background: linear-gradient(120deg, rgb(207, 163, 85) 30%, rgb(246, 216, 113) 70%);
    }
    
.CalendarButton
{
    color:Black;
font-size: 14px;
font-weight:600;
padding: 4px;
border:0px none;
text-shadow: 0px 0px 0px rgba(30, 30, 30, 0.8);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: rgb(193, 193, 193);
background: -moz-linear-gradient(90deg, rgb(193, 193, 193) 30%, rgb(227, 227, 227) 70%);
background: -webkit-linear-gradient(90deg, rgb(193, 193, 193) 30%, rgb(227, 227, 227) 70%);
background: -o-linear-gradient(90deg, rgb(193, 193, 193) 30%, rgb(227, 227, 227) 70%);
background: -ms-linear-gradient(90deg, rgb(193, 193, 193) 30%, rgb(227, 227, 227) 70%);
background: linear-gradient(0deg, rgb(193, 193, 193) 30%, rgb(227, 227, 227) 70%);
-webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0);
-moz-box-shadow:    0px 0px 0px rgba(50, 50, 50, 0);
box-shadow:         0px 0px 0px rgba(50, 50, 50, 0);
    }