/*Generic styles*/
* {
margin:0;
padding:0;
}
*:focus{
border:0px none;
}
html{
width:100%;
height:100%;
}
/*Body styles*/
body {
background-image:url(../Images/Background/Page.jpg);
background-repeat:repeat-x;
background-position:top;
text-align:center;
font-family:arial,verdana,serif;
font-size:62.5%;
color:#000;
width:100%;
margin:0 auto;
height:100%;
}

/*Generic anchor llinks*/
a {
text-decoration:none;
color:#000;
}

/*Generic anchor link hover*/
a:hover {
color:#246f03;
}

/*paragraph*/
p {
font-size:1.2em;
line-height:16px;
padding:0 0 0 0px;
color:#000;
}

/*Generic image styles*/
img {
display:block;
border:0;
}
/*Logo*/
h1 {
float:left;
padding:0px 80px 0 15px;
}

h2 {
padding:0px 0px 15px 20px; 
color:#246f03;
font-size:2.4em;
background-image:url(../Images/Generic/headIcon.gif);
background-position:left 8px;
background-repeat:no-repeat;
}
h2 a{
color:#246f03;
}

h3 {
background-image:url(../Images/Generic/headIcon.gif);
background-position:left 4px;
background-repeat:no-repeat;
color:#246f03;
font-size:1.6em;
padding:0px 0px 15px 20px;
 }
 h3 a {
 color:#246f03;
 }
/*Heading 4 styles*/
h4 {
font-size:1.8em;
padding:0px 0px 5px 0px;
color:#999999;
}
/*List styles*/

/*Read More Link styles*/
.readMore {
color:#216b01;
text-decoration:none;
float:left;
clear:both;background-image:url(../Images/Generic/readMore.gif);
background-position:center right;
background-repeat:no-repeat;
padding:0px 10px 0px 0px;
font-weight:bold;
}
/*Read More Link hover styles*/
.readMore:hover{
text-decoration:underline;
}
/*style for align the object to center*/
.alignCenter{
text-align:center;
}
/*style for align the object to right*/
.floatRight{
float:right;
}
/*style for align the object to left*/
.floatLeft{
float:left;
}
.clearSide{
float:left;
clear:both;
width:100%;
}
.bottomSpace{
padding-bottom:10px;
}
.alignTop{
margin-top:-10px;
}
/*style for Common list style for all the pages*/
.simpleList {
font-size:0.8em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 0 5px;
}
.simpleList li {
background-image:url(../Images/Generic/Arrow.gif);
background-position:left 5px;
background-repeat:no-repeat;
padding:0 0 5px 15px;
}
.wrapText{
float:left;
padding:0px 10px 10px 0px;
}
.FourColumnlist li .wrapText{
padding:0px 10px 0px 0px;
}
.borderLine{
background-image:url(../Images/Background/underLine.png);
background-position:bottom left;
background-repeat:no-repeat;
float:left;
clear:both;
padding:10px 0 0;
width:100%;
height:5px;
}
/*Page holder containing Header ,column1 column2, Except footer*/
#wrap1{
width:1000px;
margin:0 auto;
text-align:left;
}
/*Master div*/
#wrap2 {
width:1000px;
float:left; 
background-image:url(../Images/Background/pageShadowbottom.jpg);
background-repeat:no-repeat;
background-position:bottom center;
padding:0px 0px 15px 0px;
}
#wrap3 {
width:960px;
float:left; 
padding:0px 20px 0px 20px;
background-image:url(../Images/Background/pageShadow.jpg);
background-repeat:repeat-y;
background-position:top center;
position:relative;
}
body.Game{
background-color:#000000;
}
body.Game #wrap1{
margin:auto;
width:1000px;
height:600px;
text-align:center;
padding:0px;
}
body.Game #wrap2{
width:100%;
height:100%;
float:left;
background-image:none;
padding:0px;
}
.pageInfo{
float:left;
background-image:url(../Images/Background/pageinfoBorder.gif);
background-repeat:repeat-y;
background-position:top left;
}
#header {
width:100%;
position:absolute;
padding-top:25px;
top:0px;
z-index:1000;
}
.Game #header {
width:1000px;
padding-top:25px;
top:0px;
z-index:10000;
left:50%;
margin-left:-500px;
position:relative;
float:left;
height:90px;
overflow:hidden;
}

/*search Div*/
.search{
border:0;
width:210px;
float:right;
border:0px;
background-image:url(../Images/Background/search.png);
background-repeat:no-repeat;
background-position:top left;
height:50px;
margin:20px 0px 0px 0px;
padding:20px 25px 0px 20px;

}
/*search Textbox*/
.searchText{
width:150px;
border:0px;
float:left;
color:#696969;
padding:5px 0px 0px 10px;
height:22px;
position:relative;
}
/*search button styles*/
.searchButton{
float:left;
padding-top:3px;
}


/*navigation*/
#navigation {
width:570px;
float:left;
height:24px;
z-index:1000;
position:relative;
}
#navigation li{
background-image:url(../Images/Background/navLine.gif);
background-repeat:no-repeat;
background-position:right 2px;
list-style-type:none;
float:left;
text-align:left;
padding:0px 15px 0px 15px;
width:auto;
position:relative;
}
/*This is only for Home link,  this link is small in size there for to align this text to center we need to increase the left padding. so we need to increase the  background image  width: note that at any time we can remove this block of style*/
#navigation li.FirstChild,#navigation li:first-child{

}
#navigation li.FirstChild a,#navigation li:first-child a{

}

#navigation li.LastChild,#navigation li:last-child {
background-image:none;
}

#navigation li a{
height:17px;
font-size:1.3em;
font-weight:bold;
color:#fff;
padding:0px 0px 0px 0px;
background-image:url(../Images/Background/NavRepeat.gif);
background-repeat:repeat-x;
background-position:top left;
float:left;
}
#navigation li a:hover{
color:#64a727;
}
#navigation li a.pageActive{
color:#64a727;
}
.homeInfo{
width:100%;
float:left;
padding-top:10px;
}
.FourColumnlist{
float:left;
position:relative;
}
.FourColumnlist li{
float:left;
width:225px;
height:210px;
list-style-type:none;
padding:0px 0px 10px 15px;
background-image:url(../Images/Background/listBorder.gif);
background-repeat:no-repeat;
background-position:center right;
}
.FourColumnlist li.LastChild, .FourColumnlist li:last-child{
width:210px;
padding-right:15px;
background-image:none;
}
.FourColumnlist li.LastChild{
width:210px;
padding-right:15px;
background-image:none;
}
.year{
position:absolute;
right:0px;
top:0px;
}
table.fixture{
font-size:1.1em;
}
table.fixture td,table.fixture th{
padding:0px 7px 5px 0px;
}
table.fixture td img{
padding-right:5px;
}
.langSwitch{

}
.langSwitch label{
font-size:1.1em;
color:#808080;
float:left;
padding:2px 5px 0px 0px;
*padding:4px 5px 0px 0px;
}
.langSwitch select{
width:80px;
font-size:1.1em;
color:#7f7f7f;
}

#mediaSpace{
float:left;
width:100%;
clear:both;
position:relative;
z-index:10;
}
.home #mediaSpace{
background-image:url(../Images/Background/mediaSpaceBorder.jpg);
background-repeat:no-repeat;
background-position:top left;
width:960px;
padding:5px 0px 20px 0px;
}
/*footer 2*/
#footer{
width:100%;
background-image:url(../Images/Background/footerLine.jpg);
background-repeat:no-repeat;
background-position:top center;
float:left;
clear:both;
background-color:#fff;
padding:20px 0px 0px 0px;
margin:25px 0px 0px 0px;
}
/* Inner Page styles*/
.footballLogo{
position:absolute;
bottom:-30px;
right:-3px;
}


.columnLeft{
width:242px;
float:left;
background-image:url(../Images/Background/columnLeftborder.png);
background-repeat:repeat-y;
background-position:top right;
padding:0px 0px 0px 0px;
}
.subNav{

}
.subNav li{
background-image:url(../Images/Background/Subnav.png);
background-repeat:no-repeat;
background-position:top right;
height:26px;
text-align:right;
padding:7px 40px 0px 0px;
list-style-type:none;
font-size:1.4em;
}
.newsEvents{
float:left;
padding:20px 10px 30px 20px;
}
.box,.playNow{
float:left;
padding:0px 10px 30px 20px;
}
.bottomLinks{
width:auto;
float:left;
padding-right:7px;
font-weight:bold;
color:#fff;
background-image:url(../Images/Generic/linkButton.gif);
background-position:top left;
background-repeat:no-repeat;
margin-right:0px;
font-size:1.2em;
margin:0px 3px 5px 0px;
padding:2px 5px 4px 5px;
}
.bottomLinks:hover{
color:#ccc;
}
.newsList{
padding-bottom:20px;
}
.newsList li{
background-image:url(../Images/Background/list-style.gif);
background-repeat:no-repeat;
background-position:center left;
padding:5px 0px 5px 20px;
list-style-type:none;
border-bottom:1px dotted #999999;
}
ul.newsList li:last-child,ul.newsList li.LastChild{
border:0px none;
}

.newsList li a{
font-size:1.1em;
color:#8c8c8c;
}
.newsList li a:hover{
color:#246f03;
}
.columnRight{
width:693px;
float:left;
padding:0px 0px 0px 25px;
}

.introduction{
padding:0px 15px 20px 0px;
clear:both;
}
.countries{
float:left;
clear:both;
list-style-type:none;
width:500px;
}
.countries li{
float:left;
width:230px;
padding:0px 0px 30px 0px;
}
.popupLink li h3{
cursor:pointer;
}
.listWrap1{
background-image:url(../Images/Background/listshadowTop.jpg);
background-repeat:no-repeat;
background-position:top left;
padding:25px 0px 20px 0px;
float:left;
margin:0px 0px 0px -2px;
}
.listWrap2{
background-image:url(../Images/Background/listshadowBottom.jpg);
background-repeat:no-repeat;
background-position:bottom left;
padding-bottom:14px;
float:left;
}
.listWrap3{
background-image:url(../Images/Background/listshadowRepeat.jpg);
background-repeat:repeat-y;
background-position:top left;
float:left;
padding:0px 0px 0px 3px;
}
.Widget{
background-image:url(../Images/Background/listShade.png);
background-repeat:no-repeat;
background-position:top left;
float:left;
width:665px;
margin-top:-22px;
padding:17px 0px 10px 16px;
}
#divWildfireInPage1{
float:left;
width:300px;
padding:0px 0px 0px 10px;
}
.photoList{
background-image:url(../Images/Background/listShade.png);
background-repeat:no-repeat;
background-position:top left;
float:left;
width:665px;
margin-top:-22px;
padding:0px 0px 0px 18px;
}
.photoList li{
list-style-type:none;
padding:15px 18px 15px 0px;
float:left;
width:112px;
overflow:hidden;
}
.photoList li h3{
background-image:url(../Images/Generic/headIcon.png);
}
.smallList{
background-image:url(../Images/Background/listshadowTopsmall.jpg);
background-repeat:no-repeat;
background-position:top left;
clear:both;
}
.smallList .listWrap2{
background-image:url(../Images/Background/listshadowBottomsmall.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}
.smallList .photoList{
background-image:url(../Images/Background/listShadesmall.png);
background-repeat:no-repeat;
background-position:top left;
width:180px;
}
.smallList .listWrap3{
background-image:url(../Images/Background/listshadowRepeatsmall.jpg);
background-repeat:repeat-y;
background-position:top left;
}
.thumb{
border:2px solid #216901;
width:108px;
height:86px;
}
.imgSize {
padding-top:5px;
direction:ltr;
}
.imgSize a{
color:#246f03;
text-decoration:underline;
float:left;
clear:both;
background-image:url(../Images/Generic/arrow2.gif);
background-position:center left;
background-repeat:no-repeat;
padding:0px 0px 0px 10px;
}
.imgSize a:hover{
color:#60655d;
}
/*footer  contents left side*/
#footer .left{
float:left;
width:250px;
padding:0px 0px 0px 15px;
text-align:left;
}
#footer .left ul{
}
#footer .left ul li{
float:left;
list-style-type:none;
padding:0px 10px 0px 0px;
}
/*footer  contents right side*/
#footer .right{
float:left;
width:250px;
padding-right:15px;
text-align:right;
}
#footer .center{
height:35px;
float:left;
width:430px;
background-color:#fff;
text-align:center;
}
/*footer  paragraph styles*/
#footer  p{
font-weight:bold;
color:#bdbdbd;
}
/*footer  link*/
#footer  p a{
color:#bdbdbd;
text-decoration:underline;
}
/*footer  link hover*/
#footer p a:hover{
color:#246f03;
}

/* Handling Pop up function */
.Fade {
background:#000 none repeat scroll 0 0;
float:left;
left:0;
position:absolute;
top:0;
width:100%;
height:100%;
z-index:2000;
}
.pagePopUp {
font-size:1.2em;
}
.pagePopUp a{
font-weight:bold;
width:auto;
background-image:url(../Images/Generic/readMore.gif);
background-position:right center;
background-repeat:no-repeat;
clear:both;
color:#216B01;
padding:0 10px 0 0;
text-decoration:none;
display:inline;
}
.Popup{
background-image:url(../Images/Background/popupTop.png);
background-position:left top;
background-repeat:no-repeat;
float:left;
left:50%;
margin-left:-361px;
padding:21px 0 0;
position:absolute;
top:50px;
z-index:2001;
}
.popupWrap1 {
background-image:url(../Images/Background/popupBottom.png);
background-position:left bottom;
background-repeat:no-repeat;
float:left;
padding:0 0 20px;
}
.popupWrap2 {
background-image:url(../Images/Background/popupRepeat.png);
background-position:left top;
background-repeat:repeat-y;
float:left;
height:auto;
padding:0 0px 5px 0px;
text-align:left;
position:relative;
}
.popupWrap3 {
padding:0 0px 5px 20px;
float:left;
width:703px;
}
.PopupContent{
width:675px;
padding:0px 25px 5px 0px;
float:right;
text-align:left;
}
.PopupContent h2{
background-image:url(../Images/Background/underLine.png);
background-position:bottom left;
background-repeat:no-repeat;
padding:0px 0px 10px 0px;
margin-bottom:20px;
}
.popupInfo{
float:left;
}
.popupInfo td{
text-align:left;
vertical-align:top;
}
.popupInfo td.popupImg{
vertical-align:middle;
text-align:center;
padding-right:10px;
}
span.Enlarge{
font-weight:bold;
font-size:1.2em;
display:block;
color:#246F03;
padding:5px 0px 0px 25px;
}
.popupInfo td.popupImg span.Enlarge{
padding:5px 0px 0px 0px;
}
.imgFrame{
width:135px;
height:auto;
padding:5px;
background-color:#c3c3c3;
}
.tablePromo{
font-size:1.2em;
}
.tablePromo th{
padding:5px 5px 5px 5px;
color:#246F03;
text-align:left;
vertical-align:top;
}
.tablePromo td{
padding:5px 5px 5px 5px;
text-align:left;
vertical-align:top;
}
.ClosePopup {
cursor:pointer;
position:absolute;
right:15px;
top:-8px;
}
.HiddenText{
display:none;
}
.HiddenText2{
display:none;
}
.popupRegister{
display:none;
}
.popupLogin{
float:left;
}
.errorMsg{
color:#ff0000;
float:left;
clear:both;
}
.register td label.registerLink{
padding:0 0 5px 0px;
font-size:1.4em;
}
.submitInfo{
width:315px;
height:50px;
float:left;
text-align:left;
padding:0px 0px 0px 20px;
}
.inputControls{
width:100px;
height:50px;
float:left;
text-align:left;
}
.register td .Forgotpass {
font-size:1.4em;
float:left;
}
#Forgotsuccess{
font-weight:bold;
font-size:1.1em;
text-align:left;
}
.register td .backtoLogin{
font-size:1.4em;
float:left;
display:none;
margin-top:-10px;
clear:both;
}

.register td .backtoLogin a{
color:#246F03;
}
.register td .backtoLogin a:hover{
color:#666666;
}
.changeHead2{
display:none;
}
.register td label.registerLink a,.register td .Forgotpass a{
color:#246F03;
}
.register td label.registerLink a:hover,.register td .Forgotpass a:hover{
color:#666666;
}
.register td{
padding:5px 0px 0px 0px;
vertical-align:top;
text-align:left;
}
.register td.selectOther .textWrap{

}
.btnRegister{
background-image:url(../Images/Background/register.gif);
background-position:top left;
background-repeat:no-repeat;
border:0px;
padding:5px 25px 15px 10px;
font-size:1.6em;
font-weight:bold;
color:#ffffff;
background-color:#ffffff;
text-align:left;
float:left;
}
.Popup .registerMsg{
font-size:1.1em;
padding:9px 0px 0px 0px;
}
.btnLogin{
background-image:url(../Images/Background/register.gif);
background-position:top left;
background-repeat:no-repeat;
border:0px;
padding:5px 35px 15px 20px;
font-size:1.6em;
font-weight:bold;
color:#ffffff;
background-color:#ffffff;
text-align:left;
float:left;
display: block;
}

.sendPass{
display: none;
cursor: pointer;
}

.register{
width:435px;
}
.register td label{
padding:0px 0px 3px 0px;
color:#535353;
font-weight:bold;
font-size:1.1em;
}
.selectCountry{
width:185px;
}
.textWrap{
background-image:url(../Images/Background/textBoxborder.gif);
background-position:top left;
background-repeat:no-repeat;
height:30px;
padding:5px 8px 0 8px;
width:170px;
}
.textRegister{
border:0px;
width:165px;
}
.register td.border{
background-image:url(../Images/Background/underLine.png);
background-position:left 10px;
background-repeat:no-repeat;
padding-top:35px;
}
/* Media Page styles  Match fixture tables*/
.tableHolder{
float:left;
clear:both;
padding:0px 25px 20px 20px;
}

.matchInfo{
float:left;
clear:both;
width:630px;
font-size:1.1em;
} 
.border .tableSpace{
height:20px;
border:0px;
}
table.noBorder td{
border:0px;
padding:2px 0px 2px 0px;
vertical-align:top;
}
table.noBorder td table td img{
padding-left:8px;
}
.border td{
border-bottom:1px solid #e6e6e6;
}
.matchInfo td,.matchInfo th{
padding:7px 0px 7px 0px;
text-align:left;
vertical-align:top;
}
.matchInfo td img{
padding-right:10px;
}

.matchInfo th{
font-weight:bold;
}
.matchInfo th.match{
width:140px;
}
.matchInfo th.divider{
width:30px;
}
.matchInfo th.group{
width:60px;
}
.matchInfo th.date{
width:80px;
}
.matchInfo th.matchTime{
width:80px;
}
.matchInfo th.venue{
width:70px;
}
/* High Scores Dynamic page styles*/
.HightScores {
padding-right:25px;
}
.HightScores table{
width:275px;
}
.HightScores table td,.HightScores table th{
padding:7px 5px 7px 5px;
}
.HightScores .listWrap3{
background-image:url(../Images/Background/listshadowRepeat2.jpg);
}
.HightScores {
background-image:url(../Images/Background/listshadowTop2.jpg);
background-position:left top;
background-repeat:no-repeat;
}
.HightScores .listWrap2{
background-image:url(../Images/Background/listshadowBottom2.jpg);
}

.terms{
font-size:1.2em;
}
.terms td{
padding:10px 10px 10px 0px; 
vertical-align:top;
text-align:left;
}
.terms td ul{
padding-top:10px;
}
.terms td li{
padding:3px 0px 3px 0px; 
list-style-type:none
}
/* Admin page stylying*/
.Highscoresform label{
font-size:1.1em;
font-weight:bold;
clear:both;
}
.lblError{
color:#ff0000;
font-weight:bold;
float:left;
clear:both;
padding-bottom:20px;
}
.MasterTable_Default{

}
.MasterTable_Default tr.GridCommandRow_Default td{
border-bottom:0px none;
}
.MasterTable_Default th{
padding:0px 0px 15px 0px;
vertical-align:top;
font-size:1.1em;
border-bottom:1px solid #ccc;
}
.MasterTable_Default th.GridHeader_Default a{
text-decoration:underline;
}
.MasterTable_Default td{
font-size:1.1em;
padding:5px 0px 5px 0px;
vertical-align:top;
border-bottom:1px solid #ccc;
}
.PagerLeft_Default, .PagerRight_Default{
float:left;
width:100%;
text-align:center;
font-size:0.7em;
font-weight:bold;
padding:5px 0px 0px 0px;
}
.PagerLeft_Default  img{
display:inline-block;
}
.PagerLeft_Default span img{
display:inline;
}
.PagerLeft_Default span{
display:inline-block;
padding:0px 10px 0px 10px;
}
.Exportexcel{
background-image:url(../Images/Background/exporttoExcel.jpg);
background-position:top left;
background-repeat:no-repeat;
border:0px;
padding:6px 55px 15px 8px;
cursor:pointer;
width:250px;
font-size:1.5em;
font-weight:bold;
color:#ffffff;
background-color:#ffffff;
text-align:left;
display: block;
}
.Bigbtn{
background-image:url(../Images/Background/buttunBig.jpg);
background-position:top left;
background-repeat:no-repeat;
width:170px;
cursor:pointer;
font-weight:bold;
font-size:1.4em;
padding:8px 55px 15px 7px;
}
.btnLogin:hover
{
color:#ffffff;
}
.green{
color:#246F03;
}
.rgSortAsc{
display:none;
}




div.master1 {
 width:990px;
 min-height:700px;height:700px;hheight:auto !important;
 background: url(../Images/Background/WinnerBg.jpg) no-repeat 0 0;
 margin:0 auto;
}

div.header1 {
 float:left;
 text-align:left;
 padding:0 0 0 60px;
 width:930px;
}

h1.newLogo {
 width:930px;
 height:263px;
 padding:30px 0 0 30px;
}

p.size1 {
 font-size:30px;
 color:#cb2c24;
 padding:0 0 10px 0;
}


p.size2 {
 font-size:15px;
 color:#343434;
 line-height:20px;
}


h3.point {
 background-image:url("../Images/Background/dot.gif");
 background-position:left 4px;
 background-repeat:no-repeat;
 font-size:16px;
 margin:0;
 line-height:20px;
 width:auto;
 float:left;
 color:#cb2c24;
}

div.portion1 {
 float:left;
 margin:0 0 0 5px;
 text-align:left;
 padding:0 0 0 25px;
 width:832px;
}


div.portion2 {
 background:#ECECEC;
 float:left;
 left:5px;
 height:800px;
 text-align:left;
 direction:ltr;
 padding:0 0 0 25px;
 position:relative;
 top:45px;
 width:834px;
}

p.right1 {
 float:right;
 color:#cb2c24;
 padding:0 23px 0 0;
 font-style:italic;
}  

table.table1 {
 float:left;
 width:270px;
 font-size:12px;
}

div.rSide {
 float:left;
 clear:right;
 margin: 0 0 0 10px;
}

table.table1 th{
 font-weight:bold;
 padding:5px 0 5px 8px;
 background:#b9b9b9;
}

table.table1 th.th1 {
 width:135px;
}

table.table1 td {
 text-transform:capitalize;
 padding:5px 0 5px 8px;
}

table.table1 td.ar1 {
 font-family:tahoma;
 direction:rtl;
}

div.NewTable {
 float:left;
 width:100%;
 position:relative;
 top:30px;
 background-image:url("../Images/Background/line.gif");
 background-position:top 4px;
 background-repeat:no-repeat;
 padding:20px 0 0 0;
 clear:both;
}

/*
clearFix
*/

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
 
.clearfix {
display: inline-block;
}
 
html[xmlns] .clearfix {
display: block;
}
 
* html .clearfix {
height: 1%;
}

/*
clearFix
*/