/* --------- HOMEPAGE ----------*/
#topHomepage { height: 434px; width: 912px; background: #000 url(../images/ui/homepage_img.gif) no-repeat top left; padding: 0px; }
#topMap { height: 430px; width: 912px;}

#topHomepage .textoverlay {background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; height: 88px; width: 480px; color: #ffffff; top: 0px;}
#topHomepage .textoverlayCopy {position: relative; color: #ffffff; font-weight: bold; width: 460px; padding: 21px 10px 0 10px; margin-top: -95px; line-height: 110%; height: 66px;}


/* ---------- local search ---------- */

.localsearch {padding: 28px 0 0 5px; float: left;}
.localsearchBox {background-color:#000; filter: alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7; width: 302px; height: 190px; position: absolute; margin: 45px 0 0 20px; padding: 10px;}
.localsearchTxt {width: 298px; height: 180px; position: absolute; margin: 50px 0 0 25px; padding: 10px 10px 10px 4px; background-color: #000000; line-height: 180%;}

.localsearch .forms li.button { margin: 0;}
.localsearch .forms li.button span {padding: 7px 25px 10px 20px;}

.localsearch p {color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 150%; font-weight: bold; text-transform: uppercase; line-height: 130%; letter-spacing: -0.1em; 
	margin-bottom: 10px;}
.localsearch p span {font-size: 170%;}


/* ---------- home banners ---------- */

.homebanner {float: left; margin-top: 80px;}
.homebannerBox {background-color:#000; filter: alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7; width: 212px; height: 65px; margin: 0 0 5px 10px; padding: 10px;}
.homebannerTxt {width: 202px; height: 55px; position: absolute; margin: -85px 0 0 15px; padding: 5px 10px 15px; line-height: 180%;}

.homebannerTxt p {color: #fff; font-family: Arial, Helvetica, sans-serif; line-height: 130%; margin: 5px 0 10px -10px;}
.homebannerTxt p a {color: #fff;}
.homebannerTxt p a:hover {color: #00CBEF;}

.homebanner .blockhome {width: auto;}

/* ---------- live football widget ---------- */

.widget { margin: -80px 8px 8px 8px; width: 315px; height: 433px; float: right;  }
.liveFootballbg {margin: -3px 0 0 5px; position: absolute; padding-right: 5px; width: 305px; height: 443px; background-color:#000; filter: alpha(opacity=60);-moz-opacity: 0.6; opacity: 0.6;}
.liveFootball { margin: 5px 0 0 10px; position: absolute}


/* ---------- latest headlines ---------- */

#headlines {background: url(../images/ui/headlinesbg.jpg) top left no-repeat; width: 276px; height: 466px; padding: 14px 10px 0 10px; margin: 0 20px 0 0;}

#headlines h2 {text-transform: uppercase; line-height:100%;}
#headlines a {font-weight: bold;}
#headlines b {line-height:85%;}


#headlines .topnews {margin: 0; float: left;}
#headlines .topnews h3 {font-size: 130%; text-transform: none; line-height: 110%; padding-bottom: 5px;}
#headlines .topnews h3 a {color: #00cbef;}
#headlines .topnews h3 a:hover {color: #CCFF33;}
#headlines .topnewsBox {background-color:#000; filter: alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7; width: 256px; height: 100px; position: absolute; padding: 10px;}
#headlines .topnewsTxt {width: 256px; position: absolute; padding: 10px;}

#headlines .othernews {margin: 0; float: left;}
#headlines .othernewsBox {background-color:#000; filter: alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7; width: 256px; height: 210px; position: absolute; margin-top: 130px; padding: 10px;}
#headlines .othernewsTxt {width: 256px; position: absolute; margin-top: 130px; padding: 10px;}



/* ---------- newsletter sign-up --------- */

#signup {background-color: #1a7ba5; width: 270px; height: 193px; padding: 15px 15px 17px 13px; color: #ffffff; float: right;}
#signup .value {width: 260px; margin: 2px 0 0 0; background: url(../images/ui/inputbg_259x35Signup.gif) top left no-repeat}



/* --------- FANZONE ----------*/

#TempColPro #topMap {height: 430px; width: 450px;}

#login {margin-left: 10px;}

#edit {margin-left: 10px; margin-top: 20px;}
#edit b {color: #00CBEF;}

.fanzone {margin-bottom: 30px;}
.fanzone p {font-size: 110%; margin: 20px 0;}




/* ---------- tabs ---------- */

#tabs {width: 910px;}

#tabs ul {list-style: none; width: 100%; display: inline-block; margin: 10px 0 0 0; border-bottom: 1px solid #3e3e3e;}
#tabs ul li {float: left; padding: 8px 0 8px 15px; background: url(../images/ui/tab_left.png) no-repeat left; margin-right: 2px;}
#tabs ul li a {background: url(../images/ui/tab_right.png) no-repeat right; padding: 8px 15px 8px 0;}
#tabs ul li a.selected {color: #fff;}

#tabs .content {width: 910px; height: 260px; float: left;}
#tabs .content p {float: left; margin-top: 10px; width: 430px;}
#tabs .content img {float: right; padding-left: 10px; padding-top: 10px; border-left: 1px solid #3e3e3e;}


/* --------- BE A PRO ----------*/

#proHomepage { height: 434px; width: 912px; background: #000 url(../images/ui/beapro_img.jpg) no-repeat top left; padding: 0px; }
#proMap {height: 430px; width: 912px;}

#proHomepage .textoverlay {background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; height: 75px; width: 550px; color: #fff; top: 0px;}
#proHomepage .textoverlayCopy {position: relative; color: #ffffff; width: 530px; padding: 21px 10px 0 13px; margin-top: -87px; line-height: 110%; height: 88px;}
#proHomepage .textoverlayCopy .greenh1 {margin-bottom: 0.5em;}

#proHomepage .signup {float: right; height: 433px; margin: -98px 3px 8px; width: 315px;}
#proHomepage .signupbox {background-color: #000; height: 425px; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; padding: 5px; position: absolute; width: 300px;}
#proHomepage .signuptxt {position: absolute; height: 384px; background: #000; width: 300px; padding: 20px; width: 260px; margin: 6px 5px 5px;}
#proHomepage .signuptxt .blueH4 {margin-bottom: 0.5em;}

#proHomepage .playersearch {float: left; margin-top: 240px;}
#proHomepage .playersearchbox {background-color:#000; filter: alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7; width: 212px; height: 65px; margin: 0 0 5px 10px; padding: 10px;}
#proHomepage .playersearchtxt {width: 202px; height: 55px; position: absolute; margin: -85px 0 0 15px; padding: 5px 10px 15px; background-color: #000000; line-height: 180%;}

#proHomepage .playersearchtxt p {color: #fff; font-family: Arial, Helvetica, sans-serif; line-height: 130%; margin: 5px 0 10px -10px;}
#proHomepage .playersearchtxt p a {color: #fff;}
#proHomepage .playersearchtxt p a:hover {color: #00CBEF;}

#proHomepage .playersearch .blockhome {width: auto;}

#proHomepage .partners {float: left; margin-top: 220px; margin-left:80px; width: 240px;}
#proHomepage .partners img {float: left; margin-top: 10px; margin-left: 10px;}

/* --------- player profiles ----------*/

#beapro ul {list-style: none; width: 100%; overflow: hidden;}
#beapro ul li.playeritem {float: left; width: 200px; padding-right: 38px; padding-bottom: 30px;}
#beapro ul li img {margin-bottom: 5px; display: block;}

#beapro #scheduleCol {padding: 30px 20px 20px 20px; width: 716px;}
#beapro #scheduleCol h1 {margin-left: 0;}
#beapro #scheduleCol b {color: #00CBEF;}

#beapro .playerprofile {float: left; width: 440px; padding: 20px 0;}
#beapro .playerdetails {float: right; width: 250px; margin: 20px 0;}
#beapro .editprofile {float: left; width: 440px; padding: 0 0 20px 0;}

#beapro .support {clear: both; margin-top: 40px;}
#beapro .support ul {margin-top: 20px;}
#beapro .support ul li {margin-bottom: 30px;}
#beapro .support p {margin: 0.5em 0;}

.sociallinks {margin: 20px 0 30px;}
#beapro #scheduleCol .footnote {font-size: 80%; color: #999; margin: 0 0 10px 150px;}

#beapro .topcol {display: block; overflow: auto;}

#beapro .Black, #edit .Black {margin: 5px 0; width: 708px;}

/* --------- videos ----------*/

.gallerylist {margin: 10px 0; float: left; width: 430px;}
.gallerylist ul {width: 500px;}
.gallerylist ul li {list-style: none; width: 200px; float: left; margin-right: 20px; margin-bottom: 20px;}

.pager {width: 100%; font-size: 90%; display: inline-block; font-family: Arial,Verdana,sans-serif; margin-left: -4px;}
.pager .prevBtn {margin-top: -15px;}
.pager .nextBtn {margin-top: -15px;}

.pagination {text-align: center;}
.prevBtn {background: none; color: #D7D7D7; font-weight: bold; font-size: 95%; float: left;}
.nextBtn {background: none; color: #D7D7D7; font-weight: bold; font-size: 95%; float: right;}


.pager input[type="submit"]:hover {color: #00CBEF;}



/* --------- REGISTER ----------*/

.registerImg {position: absolute; margin-left: 349px; z-index: 0;}

.register {min-height: 515px; height: auto!important; height: 515px;}

.registerTxt {width: 50%; float: left; margin-top: 20px;}
.registerTxt div {width: 70%; margin-left: 10px;}
.registerTxt img {margin: 0;} 

#regDetails {padding: 0; float: left;}
#regDetails .regDetailsBox {background-color: #000; filter: alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7; width: 306px; height: 495px; position: absolute; margin: 0 0 0 20px; padding: 10px;}
#regDetails .regDetailsTxt {width: 276px; height: 485px; position: absolute; margin: 5px 0 0 25px; padding: 10px 20px; background-color: #000000;}

#regDetails .regDetailsTxt .button100 {margin-right: 7px;}

#fzSearch .RadComboBox_Black {width: 283px!important; *width: 274px!important;}
#pubsearchTxt .RadComboBox_Black {width: 105px!important; *width: 95px!important;}
#regDetails #ctl00_cphMain_Stage1 .RadComboBox_Black {width: 266px!important; *width: 258px!important;}
#regDetails #ctl00_cphMain_Stage2 .RadComboBox_Black {width: 120px!important; *width: 110px!important;}

#regDetails .footnote {font-size: 85%; padding: 0 5px 5px 0; float: left;}
#regDetails .footnoteDOB {font-size: 85%; width: 100px;}
#regDetails .star {margin-left: 2px; vertical-align: top;}
#regDetails p {margin-bottom: 0.5em;}

.magt-30 {margin-top: -40px;}

.RadInput_Default .riTextBox {background: #313131 url(../images/ui/inputbg_420x35.gif) no-repeat!important; border: 0!important; color: #fff!important; padding: 10px 8px 9px 8px!important; margin: 0 0 5px 0; font-size: 100%; width: 80px!important;}



/* --------- COMMENT COMPLAIN ----------*/

#complainform {padding: 10px;}

#complainform .statement {background: #313131 url(../images/ui/comentbg_283x35.png) no-repeat; float: left; padding: 5px 4px 7px 8px; color: #ffffff; font-family: Arial; width: 262px; height: 100px; text-align: left; font-size: 90%; border: 1px solid #1a1a1a; margin: 10px 0 5px;}
#complainform .button100 {margin-right: 10px;}


/* ---------- WIN ---------- */
/* ---------- latest headlines wide ---------- */

#headlinesWide {background: url(../images/ui/headlinesWidebg.jpg) top left no-repeat; width: 600px; height: 212px; padding: 13px 0 0 10px; margin: 0;} 

#headlinesWide h2 {text-transform: uppercase;}
#headlinesWide b {color: #ffffff}
#headlinesWide a {font-weight: bold;}
#headlinesWide a:hover {text-decoration: none;}

#headlinesWide .topnews {margin: 0; float: left;}
#headlinesWide .topnews h3 {font-size: 130%; text-transform: none; line-height: 110%; padding-bottom: 5px;}
#headlinesWide .topnews h3 a {color: #00cbef;}
#headlinesWide .topnews h3 a:hover {color: #CCFF33;}
#headlinesWide .topnewsBox {background-color:#000; filter: alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7; width: 266px; height: 122px; position: absolute; margin-top: 6px; padding: 10px;}
#headlinesWide .topnewsTxt {width: 266px; position: absolute; margin-top: 10px; padding: 10px;  }


#headlinesWide .othernews {margin: 0; float: right; width: 256px; padding-right: 45px; }
#headlinesWide .othernewsBox {background-color:#000; filter: alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7; width: 266px; height: 184px; position: absolute; padding: 10px;}
#headlinesWide .othernewsTxt {width: 266px; position: absolute; padding: 10px;}

#headlinesWide ul {display: block; color: #00cbef; height: 148px;}
#headlinesWide ul li {margin-bottom: 6px; margin-left: 15px; color: #00cbef;}



/* ---------- competition ---------- */

.competition { min-height:515px;
  height:auto !important;
  height:515px;
}
/*.competition {background: #000000 url(../images/ui/compbg.png) no-repeat right top; min-height: 515px; padding-bottom: 20px; position: relative; display: block}*/

.competitionImg { padding-bottom: 20px; position: absolute; margin-left: 349px; z-index: 0; }


.competition .forms li.button {color: #ffffff; font-weight: bold; text-align: center; text-transform: uppercase; font-size: 95%; background: transparent url(../images/ui/btn_tl.png) no-repeat left top; float: left; list-style-image: none; list-style-position: outside; list-style-type: none; margin:0 2px 0 0; padding: 0 0 0 5px; position: relative!important;}
.competition .forms li.button span {background: transparent url(../images/ui/btn_tr.png) no-repeat right top; color: #ffffff; display: block; margin:0; padding: 7px 25px 10px 20px; position: relative!important;}

.competition ul.quiz {display: block; list-style-position: outside; list-style-type: none; margin-top: 15px;}
.competition ul.quiz li {list-style-position: outside; list-style-type: none; background: transparent url(../images/ui/quizbg.png) no-repeat left top; height: 90px; width: 338px; margin: 0 0 5px 0; padding: 4px;}
.competition ul.quiz li.selected {background: transparent url(../images/ui/quizbg_hover.png) no-repeat left top;}
.competition ul.quiz .quizbox { width: 110px; height: 82px; float: left; margin: 0; padding: 0}
.competition ul.quiz .quiztxt {position: relative; width: 170px; margin-left: 120px; padding-top: 2px;}


.compPrize {width: 50%; float: left; margin-top: 20px;}
.compPrize div {width: 70%; margin-left: 10px;}
.compPrize img {margin: 0;} 

.compQuestion {padding: 0; float: left;}
.compQuestionBox {background-color:#000; filter: alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7; width: 306px; height: 280px; position: absolute; margin: 90px 0 0 20px; padding: 10px;}
.compQuestionTxt {width: 276px; height: 250px; position: absolute; margin: 95px 0 0 25px; padding: 20px; background-color: #000000;}

.answerbg {background: url(../images/ui/answerbg.png) no-repeat left; color: #ffffff; padding: 10px 0 10px 10px; width: 274px; text-align: left; cursor: pointer}
.answerbg:hover {background: url(../images/ui/answerbg_hover.png) no-repeat left; color: #ffffff;} 


.tandcs {font-size: 85%; float: left; padding-left: 6px; padding-top: 2px;  width: 260px}

.compQuestionBox2 {background-color:#000; filter: alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7; width: 306px; height: 430px; position: absolute; margin: 30px 0 0 20px; padding: 10px;}
.compQuestionTxt2 {width: 286px; height: 400px; position: absolute; margin: 35px 0 0 25px; padding: 20px 10px 20px 20px; background-color: #000000;}

.compQuestionBox3 {background-color:#000; filter: alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7; width: 306px; height: 70px; position: absolute; margin: 90px 0 0 20px; padding: 10px;}
.compQuestionTxt3 {width: 276px; height: 60px; position: absolute; margin: 95px 0 0 25px; padding: 10px 20px; background-color: #000000;}



/* ---------- LIVE MAP ---------- */
/* ---------- pub search ---------- */

.pubsearch {padding: 25px 0 0 35px; float: left;}
.pubsearchBox {background-color:#000; filter: alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7; width: 302px; height: 205px; position: absolute; margin: 35px 0 0 20px; padding: 10px}
.pubsearchBoxSmall {background-color:#000; filter: alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7; width: 292px; height: 70px; position: absolute; margin: 35px 0 0 20px; padding: 10px;}

.pubsearchTxt {width: 291px; position: absolute; margin: 40px 0 0 25px; padding: 10px; background-color: #000000; line-height: 180%; }
.pubsearchTxtSmall {width: 282px; height: 60px; position: absolute; margin: 40px 0 0 25px; padding: 10px; background-color: #000000; line-height: 180%;}


.pubsearch .forms div.button { margin: 0;}
.pubsearch .forms div.button span {padding: 7px 25px 10px 20px;}

.pubsearch .greydivider {margin: 10px 0;}


/* --------- top ten pub results ---------- */

#pubresults {background: transparent url(../images/ui/pubresultsbg.jpg) 0 40px no-repeat; float: left; width: 605px; height: 560px; margin: 15px 0 0 0;}

#pubresults .topten {width: 575px;}
#pubresults .topten #sideBarLeft div {float: left;}
#pubresults .topten img {float: right; margin: 5px 0 0 10px;}
#pubresults .topten p {margin-bottom: 10px;}
#pubresults .topten b {font-size: 140%;}

#pubresults .topten #sideBarLeft div.channels {text-align: right; float: right; margin-top: 5px;}

#pubresults .topten #sideBarLeft ul {list-style: none;}
#pubresults .topten #sideBarLeft ul li {border-top: 1px solid #585757; padding-top: 5px; width: 100%; float: left;}
#pubresults .topten #sideBarLeft ul li:first-child {border-top: 0px;}

#pubresults span {background: url(../images/ui/bluepin.gif) no-repeat; text-align: center; font-weight: bold; padding: 2px 15px 15px 6px; float: left; margin-top: 1px; color: #000}
#pubresults span.last {padding: 2px 10px 8px 2px;}


/* ---------- upcoming matches ---------- */

#upcomingmatches {background: transparent url(../images/ui/matchesbg.jpg) no-repeat; float: right; width: 275px; height: 537px; padding: 10px; margin: 15px 0 0 0;}

#upcomingmatches .gameh {font-size: 85%; padding-left: 10px; margin-left: 10px; width: 250px; padding-right: 10px;}
#upcomingmatches .koth {font-size: 85%; width: 180px;}
#upcomingmatches .channelh {text-align: left; font-size: 85%; padding-left: 20px; width: 50px;}

#upcomingmatches .game {font-size: 85%; padding: 4px 0 4px 10px; margin-left: 10px; height: 40px}
#upcomingmatches .kot {font-size: 85%; padding: 4px 0;}
#upcomingmatches .channel {font-size: 85%; padding: 4px 0;}

#upcomingmatches .gameAlt {font-size: 85%; padding: 4px 0 4px 10px; margin-left: 10px; height: 40px}
#upcomingmatches .kotAlt {font-size: 85%; padding: 4px 0; }
#upcomingmatches .channelAlt {font-size: 85%; padding: 4px 0;}



.homesignup {
float: right;
width:  298px;
}

/* ---------- fan zone search ---------- */

.fanzonehome {background: url(../images/fanzone-img.jpg) no-repeat left top; height: 430px; width: 430px;}

.fanzonehome .textoverlay {background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; height: 88px; width: 450px; color: #ffffff; top: 0px;}
.fanzonehome .textoverlayCopy {position: relative; color: #ffffff; font-weight: bold; width: 430px; padding: 21px 10px 0 10px; margin-top: -95px; line-height: 110%; height: 66px;}


.fanzonesearch {margin: 135px 0 0 0; float: left;}
.fanzonesearchBox {background-color:#000; filter: alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7; width: 302px; height: 160px; position: absolute; margin: 25px 0 0 10px; padding: 10px}
.fanzonesearchBoxSmall {background-color:#000; filter: alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7; width: 292px; height: 70px; position: absolute; margin: 35px 0 0 10px; padding: 10px;}

.fanzonesearchTxt {width: 291px; position: absolute; margin: 30px 0 0 15px; padding: 10px; background-color: #000000; line-height: 180%; height: 150px; }
.fanzonesearchTxtSmall {width: 282px; height: 60px; position: absolute; margin: 40px 0 0 25px; padding: 10px; background-color: #000000; line-height: 180%;}


.fanzonesearch .forms div.button { margin: 0;}
.pubsearch .forms div.button span {padding: 7px 25px 10px 20px;}

.fanzonesearch .greydivider {margin: 10px 0;}


.tooltip 
{
    background-color: #000;
    padding: 5px 10px;
    border: 5px solid #343434;
}
.tooltip img 
{
	margin: 5px 0;
}

.misc {font-size: 85%; color: #999999; margin-top: 20px; padding-top: 10px; border-top:1px solid #1A1A1A;}