﻿html { background:url(../Images/Master/bgBody.png); }
/* Version 2 site styles. */
html, body { padding: 0; margin: 0; font-size:12px; height: 100%;}
form { height: 100%;}
input { font-size: 1em; }

.wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -40px; }
.mainContent { padding-bottom: 20px;}  /*overflow:auto; must be same height as the footer */
.headerBG  { width:1000px; height:90px; margin:0 auto; background:url(../Images/Master/master_drogfc_header_bg.png) no-repeat center center; position:relative;}

.homelink{ float:left; width:700px; height:88px; border:solid 0px red;}
/*.facebk{ float:left; height:40px; width:300px; border:solid 0px red; background:url(../Images/Master/master_social_links.png) no-repeat; background-position:right; }*/
.facebk{ float:left; height:40px; width:300px; border:solid 0px red; }
.fb_button{ float:right; margin-top:10px;}
.tw_button{ float:right; margin-top:10px;  margin-right:3px;}

.search{ float:right; width:auto; }

/*masterpage menu bar*/
.masterMenu { position: relative; height:25px; width:1000px; top:0px; margin:0 auto; background:url(../Images/Master/master_menu_bg.png); z-index:1;}
.masterMenuAdmin { position: relative; height:25px; width:1000px; top:0px; margin:0 auto; background-color:#333; z-index:3000;}

/*logged in details*/
.memberText { float:right; text-align:right; margin-right:10px; padding-top:5px; color: #fff; border: blue 0px solid;}
.signOut { color: #fff; }

.contentPosition { position: relative; width: 1000px; margin:0 auto; margin-top:6px;} 
.push {height: 30px;clear: both;}
.footer {min-width:1000px; position: relative; margin-top: -20px; height: 20px; clear:both; background-color:#555; padding:10px; margin:0 auto; } /* negative value of footer height */ 
.footerContent { width:1000px; margin:0 auto; text-align:right; color:#bbb;}
.footerContent a { color:#bbb;}

/* ##### Home Page ##### */
.homeLeftSide { float:left; width:746px; margin-right:10px;}
.homeRightSide { float:left; width:238px; }
.homeMainImage { width:735px; height:380px; border:1px solid #ccc; overflow:hidden;background-color:black;
}
.mainSummaryModule { float:left; width:240px; min-height:100px; max-height:400px;}
.galleryPreviewDesc { border:1px solid #efefef; padding:8px 5px 2px 5px; margin:4px 0px; width:228px; height:16px; background-color:#fff;} 
.galleryPreviewDescText { color:#777; font-size:10px; } 


/************************************HomePage***********************************/

/*------main pic------------*/
.mainPic { max-width: 735px; }

/*-----------bbc & rte news------------*/
.newsFeed { width: 220px; height: 80px; border: 0px solid gray; padding: 0px; font-size:11px; color:#111; background: #fff; border:1px solid #efefef; padding: 0 10px 10px 10px; }
.datefield { color:#aaa; }

/*-----------events------------*/
.eventClass { height: 190px; overflow:auto; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.singleEvent { font-size:11px; color:#111; border:1px solid #efefef; width: 218px; padding: 5px 8px; background: #fff; }
.headerText { color:#0D5AA5;   /*color:#0776A0;*/ }
.eventClassGrayText { color:#aaa; }

td.twitter_data { vertical-align:middle; color:#000000; padding-left:5px; padding-top:5px; padding-bottom:5px; }
div.twitter_div { overflow:auto; height:190px; width:240px; font-size:11px; color:#111; }
.tweet { background: #fff; border:1px solid #efefef; margin: 4px 0; width: 200px; padding: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.tweet img { float: left; margin: 0 8px 4px 0; }
.tweet .text { margin: 0; }
.tweet .time { font-size: 80%; color: #888; white-space: nowrap; }
#twitterSearch .tweet { min-height: 24px; }
#twitterSearch .tweet .text { margin-left: 32px; }

.twitterFeed { height : 300px; border: solid red 1px; }

/*-----------lotto------------*/
.lottoResult{ width: 220px; height: 52px; border: 0px solid gray; margin-bottom: 8px; font-size:11px; color:#111; background: #fff; border:1px solid #efefef; padding:10px; text-align:center; }
.lottoBall { margin-top:10px; } 

/*-----------news------------*/
.newsItem{ width: 220px; height: 190px; border: 0px solid gray; margin-bottom: 8px; font-size:11px; color:#111; background: #fff; border:1px solid #efefef; padding:0 10px 10px 10px;text-align:center; }
.newsContent {overflow:auto;width:200px;height:20px;}
.newsParagraph {text-align:left;}
/*----------Recent Update--------------*/
.recentUpdateClass { height: 200px; overflow:auto; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-size:11px; color:#111; border:1px solid #efefef; padding: 5px 8px; background: #fff; margin-bottom:7px; }

.headerText1 { color:#0D5AA5; }
.eventClassGrayText1 { color:#aaa; }

/*----------Links--------------*/
.linksOutterClass { -moz-border-radius: 8px; -webkit-border-radius: 8px; font-size:11px; color:#111; border:1px solid #efefef;  background: #fff; padding:8px 0; height:540px; width: 460px;}
.linksClass { -moz-border-radius: 8px; -webkit-border-radius: 8px; border:1px solid #efefef; padding: 5px 8px; margin:0 0 7px 7px; width:200px; }
.clubLink { padding-top: 3px; }
/*********************COMMON*********************/

/*page title*/
/*.guestTitle {min-width:998px; position: relative; padding:5px 5px 0 5px; margin:0 auto;} 
.guestTitleContent { width:998px; background-color:#fff; margin:0 auto; text-align:left; padding:3px 0; border: 1px solid #BFD9DF;}

.divPageTitleLeft{ border:1px solid #BFD9DF; background-color:#fff; width:312px; float:left;}
.divPageTitle{ border:1px solid #BFD9DF; background-color:#fff; width:680px; float:left; height:26px; padding-top:5px;}

.PageTitle{ margin-left:5px; font-size:20px; font-weight:bold; color:#0d5aa5; }*/

.guestTitle {min-width:998px; position: relative; padding:5px 5px 0 5px; margin:0 auto;} 
.guestTitleContent { width:998px; background-color:#fff; margin:0 auto; text-align:left; padding:3px 0; border: 1px solid #eee;}

.divPageTitleLeft{ border: 0px solid #eee; background-color:#fff; width:312px; float:left;}
.divPageTitle{ border: 1px solid #eee; background-color:#fff; width:680px; float:left; height:26px; padding-top:5px;}
.divText{ border: 0px solid #eee; background-color:#fff; margin:10px;}

.PageTitle{ margin-left:5px; font-size:20px; font-weight:bold; color:#111; }

div.selectionBox{ width:300px; }
div.selectionBoxBig{ width:400px; }
div.floatLeft { float:left; border: 1px solid #eee;}
div.floatRight { float:right;}

.noUnderscore { text-decoration: none; }
.bgwhite { background-color:#fff; }

.textalignleft { text-align:left; }

/*filter common*/
.sectionList{ width:300px; }

div.filter { float:left; border: 1px solid #BFD9DF; width:986px; padding:0px 5px; margin-bottom:10px; background-color:#f7f7f7; }
div.filterShort { float:left; border: 1px solid #BFD9DF; width:290px; padding:0px 5px; margin-bottom:10px; background-color:#f7f7f7; }
div.filterUC { float:left; border: 1px solid #BFD9DF; width:580px; padding:5px; margin-bottom:10px; background-color:#f3f3f3; }
div.filterLabel { float:left; margin-top:16px; }
div.filterDdl { float:left; } /*width:212px;*/
div.filterEdit { float:left; width:300px; }
div.filterDdlSmall { float:left; width:112px; }
div.filterCheckbox { float:left; width:112px; margin:13px 0px 0px 4px;}
.filterDdl { margin:6px 0 6px 1px; } /*width:200px;*/
.filterDdlSmall { margin:6px; width:100px; }

.manageBtns { width:300px; margin-top:10px; border:0px solid red; float:left;}

div.subTitle { float:left; margin-bottom:2px; }
.pageSubTitle { color:#111; font-size:18px; }
.dateTitle { color:#47549E; font-size:10px; font-weight:bold;}

.standardDDL { 	font-size:12px; }
.font10 {font-size :10px;}
.padding10 { padding:10px;}
.margin10 { margin:10px; }

.tagsStyle a { text-decoration: none; }

/*---MediaItems-----*/

div.mediaItemThumbs_clear { background-color:#fff; padding:3px; overflow:hidden;} /*width:630px;*/
div.mediaItemThumbs { background-color:#fff; padding:3px; border: 1px solid #BFD9DF; overflow:hidden; } /*width:630px;*/
div.mediaItemThumb_clear { float:left; padding:3px; width:200px; text-align:center;}
/*div.mediaItemThumb { float:left; padding:3px; width:200px; text-align:center; background-color:#fafafa; border: 1px solid #f4f5f5;}*/
div.mediaItemThumb { padding:3px; max-width:200px; text-align:center;  border: 1px solid #f4f5f5; display:inline-block; }

/*td.imgArea { max-height:206px; } */
.mediaItemThumbImg { position: absolute; bottom:0; }

div.mediaItemThumbCaption {  height:30px; overflow:auto; }
.mediaItemThumbCaption { color:#111; font-size:8px; text-align:left;}

.mediaItemThumbButton { padding:4px;}

/*---THUMBS---*/
.mediaImage { max-width:196px; } 
/*div.imageCaptionArea { max-width:200px; height:30px; overflow:auto; background-color:#f9f9f9; }
.imageCaption { color:#111; font-size:8px; }*/

/************************************LottoResult***********************************/

.divPageTitleLotto{ border: 1px solid #eee; background-color:#fff; width:440px; float:left; height:26px; padding-top:5px;}
div.lottoDiv { padding: 5px 20px; margin:0 10px; width:350px; background-color:#FFF; border: 1px solid #eee; float:left;}
.lottoPanel { width:700px;}
/*span { color:#0D5AA5; }*/

.lottoDateJackpot { vertical-align:middle; }
.lottoDate{width:100px; margin-right:20px; }
.lottoMoney { width:72px;}

.lottoBgColourLiteGrey { margin:10px; background-color: #FAFAFA; border:1px solid #ddd;}

table.lotto { } 
table.lotto td { vertical-align:top; } /*border-bottom: 1px solid #eee; */

.grayFont { color: #ccc;}

table.lotto td { vertical-align:top; } /* */

table.lottoMonDraw td { border:none; } 

.divWinningNos { padding:22px 12px 0 10px; float:left; }
div.lottoBallsDiv { height:44px; margin:4px 0px; text-align:left; padding-left:6px; border:0px red solid}

.divLottoLabel{ padding-top:10px; float:left; margin-bottom:4px;}
.divLottoLabel2{ padding-top:10px; margin-bottom:10px; float:left; border:0px solid red;}

/*.lottoJackpotWinners { width:300px; height:30px; overflow:auto; border:1px solid #ddd; font-family:Arial, Helvetica, sans-serif;}
.lottoFiveBallWinners { width:300px; height:30px; overflow:auto; border:1px solid #ddd; font-family:Arial, Helvetica, sans-serif;}
.lottoFourBallWinners { width:300px; height:120px; overflow:auto; border:1px solid #ddd;}*/

div.lottoWinnersAreaSmall { height:26px; width:320px; overflow:auto; text-align:left; border:solid 1px #eee; padding:6px; margin-top:5px;}
div.lottoWinnersAreaLrg { height:190px; width:320px; overflow:auto; text-align:left; border:solid 1px #eee; padding:6px; margin-top:5px;}
.lottoWinnersMultiText { color:#111; font-size:11px; }

td.checkbox { width:30px; padding-top:12px; vertical-align:top;}

div.lottoTagsArea { height:24px; width:320px; overflow:auto; text-align:left; border:solid 1px #eee; padding:6px; margin-top:28px;}


/************************************News***********************************/

div.newsItemDiv { padding: 5px 20px; margin:0 10px; width:644px; background-color:#fff; border: 1px solid #eee;}

table.newsItem { border:none; } 
table.newsItem td { vertical-align:bottom; } /*border-bottom: 1px solid #eee; */

.divNewsItemLabel{ padding-top:10px; float:left; }
.divNewsItemLabel2{ padding-top:10px; margin-bottom:10px; float:left; border:1px solid red;}

div.newsArea { width:610px; overflow:auto; text-align:left; border:solid 1px #eee; padding:6px; margin-top:5px;} /*max-height:360px;*/
.newsBody { color:#111; font-size:11px; }
div.tagsArea { height:24px; width:610px; overflow:auto; text-align:left; border:solid 1px #eee; padding:6px; margin-top:8px;}
.tagsBody { color:#111; font-size:11px; }

.newsImg { max-height:400px; }


/*******------ View Image UC------*****/
div.viewMediaItemContainer{ border: solid 0px #ddd;  padding:10px; margin:5px;}
.viewMediaItemImg { max-width:900px; max-height:700px; margin-right:10px;}
div.viewMediaButtons { margin-top:20px; }


/*******------ Gallery------*****/
div.galleryContent { width:1000px; }

/*div.gallerySet { border: 1px solid #BFD9DF; width:986px; padding:5px; margin-bottom:10px; background-color:#f6f6f6;} *//*efefef*/
/*div.gallerySet { border:1px solid #eee; padding:0px; margin:0 20px 20px 0; width:450px; 
                 background-color:#fefefe; float:left; text-align:center; overflow:hidden; } */
div.gallerySet { padding:0px; margin:0 20px 40px 0; width:450px; float:left; text-align:center; overflow:hidden; }
 
div.gallerySet div.gallerySetInner{
  /*display: inline-block;
  height: 180px;*/
  /*margin: 0 1em 1em 0;*/
  position: relative;
  /*width: 250px;*/
}

div.gallerySet .gallerySetInner:hover span.noOfImgs {
  opacity: 1;
}
 
span.noOfImgs span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font: bold 24px/60px Helvetica, Sans-Serif;
  z-index:101;
}

span.noOfImgs {
  background: rgba(0,0,0,0.7);
  color: white;
  cursor: pointer;
  display: table;
  height: 251px;
  left: 0px;
  position: absolute;
  top: 44px;
  width: 450px;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}

div.galleryTitle { margin-bottom:4px; }
.galleryTitleFont { font-size:large; color:#3869A4; }
div.galleryDescSet { margin-left:4px; margin-bottom:4px;}
.galleryDescFont { color:#777; }
.galleryDescFont a { text-decoration:none;}
.galleryDateFont { margin-left:4px; margin-bottom:4px; font-weight:bold;}

/*div.gallerySetLarge { border:1px solid #eee; padding:5px; margin:0 20px 20px 0; width:930px; background-color:#fefefe; float:left; text-align:center; overflow:hidden;}*/ 
/*.galleryItemImgLarge { max-width:450px; display: block; margin-left: auto; margin-right: auto;}*/
.galleryItemImgLarge { max-width:480px; float:left;}

/*div.galleryItems { background-color:#fff; padding:16px; width:950px; border: 1px solid #BFD9DF; }
div.galleryItem { float:left; padding:3px; }

.galleryItemImg { max-height:113px; max-width:150px;}
div.galleryImageCaptionArea { width:150px; height:30px; overflow:auto; background-color:#fff; }
.galleryImageCaption { color:#111; font-size:8px; }*/




/*div.galleryItems { padding:4px; width:950px; border: 1px solid #BFD9DF; background-color:#fcfcfc; overflow:hidden }*/
div.galleryItems { padding:0px; width:890px; overflow:hidden; padding:10px 0 10px 40px; }
div.galleryItem { padding:0px; text-align:center; display:inline-block;}

.galleryItemImg {
    max-height: 250px; margin-top:10px;
}
/*.galleryItemImg { max-height:240px; display: block; margin-left: auto; margin-right: auto; opacity: 1; filter: alpha(opacity=100);*/ /* For IE8 and earlier */}
/*.galleryItemImg:hover { max-height:240px; display: block; margin-left: auto; margin-right: auto; opacity: .5; filter: alpha(opacity=50);*/ /* For IE8 and earlier */}

.imgDescription { background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 150px;
  left: 0;
  position: relative;
  top: 0;
  width: 150px;}                                         

div.ImageCount {position:relative; width: 40px; top:30px; border:solid 1px red; float:left;}
.morePicText {z-index: 100; color: white; 
   font: bold 24px/45px Helvetica, Sans-Serif; 
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);}
    a.noLine:link  
    {  
     text-decoration:none;  
    }  
div.galleryImageCaptionArea {  height:30px; width:140px; overflow:auto; }
.galleryImageCaption { color:#777; font-size:8px; text-align:left;}


/*******------ Search------*****/
div.searchContent { border: 1px solid #BFD9DF; width:986px; padding:5px; margin-bottom:10px; background-color:#fff; float:left;}
div.searchResults { max-height:520px; overflow:auto;}
div.searchResultItem { border: 1px solid #eee; width:910px; padding:5px; margin-bottom:3px; }
/*div.searchResults { border: 1px solid #BFD9DF; width:986px; padding:5px; margin-bottom:10px; background-color:#fff; margin-top:10px;}*/


/*******------ Match Result------*****/
div.matchResultsContent { width:1000px; background-color:#fff;}

div.matchResultCompetitions { float:left; border: 1px solid #BFD9DF; width:986px; padding:5px; background-color:#efefef; }
div.matchResultCompetitionTitle { margin-bottom:4px; }

div.matchResultItems { margin-bottom:10px;} /*This doesnt seem to work*/
div.div10 { height:12px; background-color:Yellow; }
.matchResultTitle { font-weight:bold; }

div.matchResultItem { border-bottom:1px solid #eee; margin:3px 0; padding:2px; width:990px; float:left; }
/*margin-top:10px; */
div.matchResultsEntry { border:solid 0px blue; float:left;}
div.matchResultScores { width:320px; }
div.matchResultScoresHome { width:115px; }
div.matchResultScoresAway { width:115px; }
div.matchResultDate { width:160px; }
div.matchResultVenue { width:100px; }
div.matchResultRound {  width:120px;  }
div.matchResultReport { width:120px; }
div.matchResultPics { width:120px; }
div.matchTags{ width:80px; } /*disabled in v1.0.5*/

/*******------ Fixtures------*****/
div.fixturesContent { width:1000px; background-color:#fff;}

div.fixtureCompetitions { float:left; border: 1px solid #BFD9DF; width:986px; padding:5px; background-color:#efefef; }
div.fixtureCompetitionTitle { margin-bottom:4px; }

div.fixtureItems { margin-bottom:10px;} /*This doesnt seem to work*/
div.div10 { height:12px; background-color:Yellow; }
.fixtureTitle { font-weight:bold; }

div.fixtureItem { border-bottom:1px solid #eee; margin:3px 0; padding:2px; width:990px; float:left; margin-left:20px; }
/*margin-top:10px; */
div.fixturesEntry { border:solid 0px blue; float:left;}
div.fixtureScores { width:320px; }
div.fixtureScoresHome { width:115px; }
div.fixtureScoresAway { width:115px; }
div.fixtureDate { width:160px; }
div.fixtureVenue { width:100px; }
div.fixtureRound {  width:120px;  }
div.fixtureReport { width:120px; }
div.fixturePics { width:120px; }
div.matchTags{ width:80px; } /*disabled in v1.0.5*/


/************************************Club History***********************************/

div.clubHistory { padding: 5px 20px; margin:0 10px; background-color:#fff; border: 1px solid #eee;}
table.history { margin: 10px 70px;}
div.historyTitle { border: 1px solid #BFD9DF; width:300px; padding:5px; margin-bottom:20px; background-color:#fcfcfc;}

/************************************Contact Us***********************************/

div.contactUs { padding:20px; width:640px; background-color:#FFF; border: 1px solid #eee;}
div.cuTextSpacing {margin-top: 10px;}
.width500 { width: 500px; }
.cuLabel { margin-top: 10px; }

/************************************Download***********************************/

div.download { background-color:#FFF; border: 1px solid #eee;}
div.downloadItem { padding:20px; }

/************************************ClubHub***********************************/

div.clubHubItem { padding:20px; width: 220px; }
div.clubHubMainMenu { height:100px; overflow:hidden; margin-bottom:7px; }

/************************************ClubMembership***********************************/

/***** mobile ******/
div.clubMembership { background-color:#FFF; border: 1px solid #eee; }
div.clubMembershipInfo { padding:20px; width: 700px; margin:10px auto;}

/***** main ******/
.clubMemb { margin: 3px 0px;}
.clubMembImg { width:241px; }

.clickme{
    cursor: pointer;
}

.manEventLblLeft {
  width: 100px;
  display: block;
}

select {
  height: 36px;
  /*  background: transparent;*/
}
