/* Clear Fix */ .clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} body{background:url(../images/bg.jpg) left top repeat-x #F17923; margin:0 auto; font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:13px; line-height:19px;} .wrapper{width:960px; margin:0 auto;} /*common css*/ .flLeft{float:left;} .flRight{float:right;} h5{color:#563F2D; font-size:13px; font-weight:bold;} input{color:#2C2C2E; text-shadow:0 1px 0 #fff; width:60px; height:25px; padding:0 5px;} /*topSection*/ .topSection{ height:60px;} .topSectionLinks{float:right; margin:16px 0 0 0; width:480px;} .topSectionLinks ol{margin:0; padding:0;} .topSectionLinks ol li{float:left; padding-right:10px;} .topSectionLinks ol li:last-child{padding-right:0px;} .topSectionLinks ol li span a{font-family:"Franklin Gothic Medium", Arial; font-size:12px; color:#FFF4C0; text-decoration:none; font-weight:normal; line-height:28px;} .topSectionLinks ol li span a:hover{text-decoration:underline;} .topSectionLinks ol li img{ margin:5px 0 0 0; float:left;} .topAdd{padding:10px 10px 0 20px;} .topAdd img{padding:10px; margin-right:20px;} .mainBanner{padding:5px; border:1px solid #CCC; width:750px; height:275px; margin-left:10px; background:#000;} .formContent{width:220px; float:right;} .formContent form{height:23px; background:url(../images/form-bg.png) left top; padding:3px 3px 5px 0px;} .formContent form input.txt{height:20px; width:170px; border:none; background:none; float:left; color:#fff; margin-left:10px; line-height:20px;} .formContent form input.btn{height:20px; width:25px; background: url(../images/bg-button.png) left top no-repeat; border:none; cursor:pointer; float:right; margin:2px 0 0 0} .topLinksBanner{width:960px; padding:0px;} /*left pannel*/ .leftPannel{width:180px; float:left;} .leftLinks{float:left; width:180px; padding:0px; background-color:white;} .leftLinks ol{background:url(../images/bg-links.jpg) repeat-x left bottom; padding-top:7px;} .leftLinks ol li.home a{background:url(../images/links-bg/home.jpg) no-repeat 0 0; display:block; height:20px;} .leftLinks ol li.home a:hover{background:url(../images/links-bg/home-over.jpg) no-repeat 0 0; display:block;} .leftLinks ol li.about a{background:url(../images/links-bg/about.jpg) no-repeat 0 0; display:block; height:26px;} .leftLinks ol li.about a:hover{background:url(../images/links-bg/about-over.jpg) no-repeat 0 0; display:block;} .leftLinks ol li.teams a{background:url(../images/links-bg/teams.jpg) no-repeat 0 0; display:block; height:24px;} .leftLinks ol li.teams a:hover{background:url(../images/links-bg/teams-over.jpg) no-repeat 0 0; display:block;} .leftLinks ol li.venues a{background:url(../images/links-bg/venues.jpg) no-repeat 0 0; display:block; height:26px;} .leftLinks ol li.venues a:hover{background:url(../images/links-bg/venues-over.jpg) no-repeat 0 0; display:block;} .leftLinks ol li.archives a{background:url(../images/links-bg/archives.jpg) no-repeat 0 0; display:block; height:24px;} .leftLinks ol li.archives a:hover{background:url(../images/links-bg/archives-over.jpg) no-repeat 0 0; display:block;} .leftLinks ol li.photogallery a{background:url(../images/links-bg/photogallery.jpg) no-repeat 0 0; display:block; height:25px;} .leftLinks ol li.photogallery a:hover{background:url(../images/links-bg/photogallery-over.jpg) no-repeat 0 0; display:block;} .leftLinks ol li.downloads a{background:url(../images/links-bg/downloads.jpg) no-repeat 0 0; display:block; height:24px;} .leftLinks ol li.downloads a:hover{background:url(../images/links-bg/downloads-over.jpg) no-repeat 0 0; display:block;} .leftLinks ol li.score a{background:url(../images/links-bg/score.jpg) no-repeat 0 0; display:block; height:24px;} .leftLinks ol li.score a:hover{background:url(../images/links-bg/score-over.jpg) no-repeat 0 0; display:block;} .leftLinks ol li.schedule a{background:url(../images/links-bg/schedule.jpg) no-repeat 0 0; display:block; height:24px;} .leftLinks ol li.schedule a:hover{background:url(../images/links-bg/schedule-over.jpg) no-repeat 0 0; display:block;} .leftLinks ol li.refer a{background:url(../images/links-bg/refer.jpg) no-repeat 0 0; display:block; height:33px;} .leftLinks ol li.refer a:hover{background:url(../images/links-bg/refer-over.jpg) no-repeat 0 0; display:block;} .countdown{background:url(../images/bg-countdown.jpg) no-repeat left top; width:180px; float:left; display:block; height:430; min-height:430; !important} .countdown ol{margin:0; padding:8px 0 0 35px;} .countdown ol li{color:white; font-size:18px; font-weight:bold; height:30px;} .countdown ol li span{color:white; font-size:18px; font-weight:bold;} .countdown ul{margin:90px 0 0 20px; padding:0;} .countdown ul li{color:white; font-size:13px; font-weight:bold; height:30px; font-family:"Franklin Gothic Medium", "Franklin Gothic Medium Cond", "Franklin Gothic Demi", Arial; padding:10px 10px 15px 0; background:url(../images/li-border.jpg) no-repeat left bottom;} .countdown ul li a{color:white; text-decoration:none;} .countdown ul li a:hover{text-decoration:underline;} .countdown ul li img{margin-right:10px;} .blog{background:url(../images/bg-links-twitter.jpg) no-repeat center top; float:left; width:180px;} .blog ul{margin:10px 0 0 20px;} .blog ul li{color:white; font-size:13px; font-weight:bold; height:25px; font-family:"Franklin Gothic Medium", "Franklin Gothic Medium Cond", "Franklin Gothic Demi", Arial; padding:5px 10px 8px 0; background:url(../images/bg-blog.jpg) no-repeat left bottom; float:left; } .blog ul li a{color:white; text-decoration:none;} .blog ul li a:hover{text-decoration:underline;} .blog ul li img{margin-right:10px;} /*right pannel*/ .rightPannel{float:right; width:780px;} .banner{float:right; width:780px; background:#fff; display:block; padding-bottom:20px;} .container{width:940px; float:left; min-height:707px; !important} .containerIndex{width:780px; background:url(../images/bg-container.jpg) repeat-y left top;} .containerLeft{width:520px; padding:10px; float:left;} .containerLeft h2{color:#FE8900; font-size:26px; margin:10px 0 20px 0;} .containerLeft h2 span{color:#AD0000;} .logos{float:left; background:url(../images/logo-border.jpg) no-repeat center bottom; padding:10px 0 5px 20px;} .logos ol{margin:0; padding:0;} .logos ol li{margin:0; padding:0 10px 10px 0; float:left; display:block; display:inline-block;} /*.logos ol li img{border:1px solid #e8e8e8;}*/ .audio{width:250px; display:block; float:left; padding:5px; border:1px solid #ccc; margin-top:20px; background:url(../images/audio.jpg) no-repeat center 5px; padding-top:135px;} .video{width:240px; display:block; float:right; padding:5px; border:1px solid #ccc; height:150px; margin-top:20px;} /*.video ol{margin-left:100px;} .video ol li a{background:url(../images/bg-btn.gif) no-repeat left top; padding:5px 0 5px 10px; color:#000; text-shadow:#fff 0 1px 0; font-weight:bold; font-size:13px; margin:120px 5px 5px 5px; display:block;} .video lo li a span{padding:0 10px 0 0; background:url(../images/bg-btn.gif) no-repeat right 0;}*/ .containerRight{width:240px; float:right; padding:10px 0px;} .containerRight ol{margin:0; padding:0;} .containerRight ol li{background:url(../images/bg-containerright.png) no-repeat center bottom; padding:0 0 10px 0;} .poll{width:210px; background:url(../images/bg-poll.jpg) repeat-x left bottom; padding:10px;} .poll h3{font-size:15px; font-weight:bold; text-transform:uppercase; color:#9E0A09;} .poll ul{margin:0; padding:0;} .poll ul li{background:url(../images/icons/bullet.gif) no-repeat left 7px; padding:0 0 0 10px; margin-top:10px;} .poll ul li:last-child{background:none;} .poll a{color:#900; font-size:13px; padding-right:20px;} .poll a.btn{background:url(../images/bg-btn.gif) no-repeat left top; padding:5px 0 5px 10px; color:#000; text-shadow:#fff 0 1px 0; font-weight:bold; font-size:13px;} .poll a.btn span{background:url(../images/bg-btn.gif) no-repeat right top; padding:5px 10px 5px 0;} .poll table td{padding:5px;} .footerWrapper { width:960px; margin:0 auto;} .footer{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#fff; background:url(../images/bg-footer.jpg) no-repeat left top;} .footer ol{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#fff; background:url(../images/bg-footer.jpg) no-repeat left top;} .footer ol li{float:left;} .footer ol li a{color:#fff; text-decoration:none; text-align:center;} .footer ol li a:hover{color:#fff; text-decoration:none;} .experience{width:284px; padding:10px; } .experience img{margin:0;} .experience b{font-weight:bold; color:#333; font-size:14px;} #expTab1{display:block;} #expTab2,#expTab3{display:none;} .logoFooter{padding:10px; width:760px; background:url(../images/bg-container.jpg) repeat-y left top; overflow:hidden;} .logoFooter ol{width:760px;} .logoFooter ol li{float:left; padding-right:10px;} .logoFooter ol li img{border:1px solid #e8e8e8;} .bottom{padding:10px; width:760px; background:url(../images/bg-container.jpg) repeat-y left top; overflow:hidden; height:62px;} .battingIndex{margin:0 10px; width:230px;} .TabbedPanelsContent ol{padding-left:5px;} .TabbedPanelsContent ol li{list-style:none; padding:5px 0 4px 5px; display:block;} .TabbedPanelsContent ol li a{font-weight:bold; color:#666; text-decoration:none;} .TabbedPanelsContent ol li a:hover{font-weight:bold; color:#CE80C4; text-decoration:underline;} .calendar{background:url(../images/calender.jpg) no-repeat scroll 0 0 transparent; float:left; height:50px; margin:20px 10px 10px;width:38px; padding:0 5px;} .calendar span{color:#000;} .errorMessage{clear:both; background-color:#C4E4FF; border:1px solid #FFCECE; margin:5px 15px; padding:10px; text-align:center; font-size:12px; font-weight:bold;} .successMessage{clear:both; background-color: #FEFACB; border:1px solid #B0E7A3; margin:5px 15px; padding:10px; text-align:center; font-size:12px; font-weight:bold;} .clear{clear:both;} .news{margin-bottom:20px;} /*.record .TabbedPanelsTabSelected{background:#333; color:#000;} .record .TabbedPanelsTabHover{background:#666;} .record .TabbedPanelsTab{background:#333; color:#000;}*/ .tabberlive .tabbertabhide { display:none; } /*-------------------------------------------------- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --------------------------------------------------*/ .tabber { } .tabberlive { margin-top:1em; width:540px; } /*-------------------------------------------------- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --------------------------------------------------*/ ul.tabbernav { margin:0px; padding: 5px 0 0 20px; font-size:15px; color:#333; margin-left:20px; background:#BB8300; } ul.tabbernav li { list-style: none; margin: 0; display: inline; } ul.tabbernav li a { padding: 3px 0.5em; margin-left: 0; text-decoration: none; padding:5px 20px 5px 10px; } ul.tabbernav li a:link { color: #000;} ul.tabbernav li a:visited { color: #999; } ul.tabbernav li a:hover { color: #000; } ul.tabbernav li.tabberactive a { color:#000; background:url(../images/tabberbg.jpg) repeat-x; display:inline-block; padding-bottom:5px; } ul.tabbernav li.tabberactive a:hover { color: #000; background: #FEDB7E; } /*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/ .tabberlive .tabbertab { padding:10px; width:500px; background:#FEDB7E; margin-left:20px; /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */ /* overflow:auto; */ } .tabberlive .tabbertab td{line-height:25px;} .tabberlive .tabbertab .empty{width:30px; margin-right:20px;} /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h6 { display:none; } .tabberlive .tabbertab h6 { display:none; } /* Example of using an ID to set different styles for the tabs on the page */ .neo{text-align:center; padding-top:20px; display:block; clear:left; font-size:14px;} .neo a{color:#000; text-decoration:none;} .blackTextLink { color: #990000; font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:12px; text-decoration:none; } .blackTextLink:hover { color: #990000; font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:12px; text-decoration:underline; font-weight:bold; } .blackHeader { color:Black; font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:12px; } .whiteTextLink { color: #990000; font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:12px; text-decoration:none; } .whiteTextLink:hover { color: #990000; font-weight:bold; font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:12px; text-decoration:underline; } .whiteTextLink:visited { color: #990000; font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:12px; text-decoration:none; } .whiteTextLink:active { color: #990000; font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:12px; text-decoration:none; } .12Header { color:#000; font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:12px; } .detailtable{border:1px solid #666;} .detailtable, .detailtable td { color:#666; font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:12px; } .detailtable th { border: 0; font-weight:normal; color:#000; font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:12px; } .formBtn{background:url(../images/btnbg.jpg); height:25px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; border:none; padding:0 5px; text-align:center; vertical-align:middle;} /*New classes */ .mainContainer { width:940px; float:left; padding:10px; background:#fff} .topContainer { width:940px; float:left;} .logoContainer { float:left;} .slogunContainer { width:700px; float:right; text-align:right; font-family:Georgia; font-size:28px; color:#014C8D; margin:15px 0 0 0; } .slogunContainer h3 { text-align:center; font-family:Georgia; font-size:28px; color:#E35F14; line-height:40px; font-style:italic; margin:10px 0 0 0;} .sakalcontainer { width:250px; float: left;} .teamlogoContainer { width:920px; float:left; padding:10px; background:#EFEFEF; margin:10px 0 0 0; text-align:center} .teamlogoContainer img { padding:5px; background:#fff; border:1px solid #CCCCCC; margin:0 10px 0 0; } .mainMenuContainer { width:938px; float:left; height:44px; background:#EFEFEF; border:1px solid #CCCCCC; margin:10px 0 0 0; } .mainMenuContainer ul { margin:0; padding:0; float:left;} .mainMenuContainer ul li { list-style:none; display:inline; float:left; margin:0 6px 0 0;} .mainMenuContainer ul li a.home { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #000; padding:0 24px; height:38px; border-top:6px solid #EDA512; line-height:38px; float:left; text-transform:uppercase; text-decoration:none; font-weight:bold;} .mainMenuContainer ul li a.home:hover { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #fff; padding:0 24px; height:38px; border-top:6px solid #EDA512; line-height:38px; float:left; text-transform:uppercase; background:#EDA512; font-weight:bold;} .mainMenuContainer ul li a.about { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #000; padding:0 24px; height:38px; border-top:6px solid #ED1217; line-height:38px; float:left; text-transform:uppercase; text-decoration:none; font-weight:bold;} .mainMenuContainer ul li a.about:hover { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #fff; padding:0 24px; height:38px; border-top:6px solid #ED1217; line-height:38px; float:left; text-transform:uppercase; background:#ED1217; font-weight:bold;} .mainMenuContainer ul li a.teams { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #000; padding:0 24px; height:38px; border-top:6px solid #CD17A5; line-height:38px; float:left; text-transform:uppercase; text-decoration:none; font-weight:bold;} .mainMenuContainer ul li a.teams:hover { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #fff; padding:0 24px; height:38px; border-top:6px solid #CD17A5; line-height:38px; float:left; text-transform:uppercase; font-weight:bold; background:#CD17A5} .mainMenuContainer ul li a.venues { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #000; padding:0 24px; height:38px; border-top:6px solid #9B221A; line-height:38px; float:left; text-transform:uppercase; text-decoration:none; font-weight:bold;} .mainMenuContainer ul li a.venues:hover { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #fff; padding:0 24px; height:38px; border-top:6px solid #9B221A; line-height:38px; float:left; text-transform:uppercase; font-weight:bold; background:#9B221A} .mainMenuContainer ul li a.schedule { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #000; padding:0 24px; height:38px; border-top:6px solid #4664DD; line-height:38px; float:left; text-transform:uppercase; text-decoration:none; font-weight:bold;} .mainMenuContainer ul li a.schedule:hover { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #fff; padding:0 24px; height:38px; border-top:6px solid #4664DD; line-height:38px; float:left; text-transform:uppercase; font-weight:bold;background:#4664DD} .mainMenuContainer ul li a.results { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #000; padding:0 24px; height:38px; border-top:6px solid #46CADD; line-height:38px; float:left; text-transform:uppercase; text-decoration:none; font-weight:bold;} .mainMenuContainer ul li a.results:hover { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #fff; padding:0 24px; height:38px; border-top:6px solid #46CADD; line-height:38px; float:left; text-transform:uppercase; font-weight:bold; background:#46CADD} .mainMenuContainer ul li a.photos { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #000; padding:0 24px; height:38px; border-top:6px solid #29E446; line-height:38px; float:left; text-transform:uppercase; text-decoration:none; font-weight:bold;} .mainMenuContainer ul li a.photos:hover { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #fff; padding:0 24px; height:38px; border-top:6px solid #29E446; line-height:38px; float:left; text-transform:uppercase; font-weight:bold;background:#29E446} .mainMenuContainer ul li a.archives { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #000; padding:0 24px; height:38px; border-top:6px solid #8DED12; line-height:38px; float:left; text-transform:uppercase; text-decoration:none; font-weight:bold;} .mainMenuContainer ul li a.archives:hover { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #fff; padding:0 24px; height:38px; border-top:6px solid #8DED12; line-height:38px; float:left; text-transform:uppercase; font-weight:bold;background:#8DED12} .banFlashContainer { width:940px; float:left; margin:10px 0 0 0;} .slideBanner { width:700px; float:left;} .flashCotent { width:228px; float:left; margin:0 0 0 10px; height:288px; border:1px solid #014C8D; background:url(../images/slide-tabs.jpg) left top repeat-x #E2E2E9; padding:0 0 10px 0; } .flashCotent h3 { font-family:Tahoma; font-size:15px; color:#fff; font-weight:bold; line-height:28px; background:#014C8D; padding:5px; text-transform:uppercase;} .flashCotent h3 img { float:left; margin:0 5px 0 0;} .flashCotent ul { margin:0; padding:5px; float:left; width:218px; } .flashCotent ul li { list-style:none; display:block; padding:2px 5px; font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:12px; color:#333; border-bottom:1px solid #014C8D; } .flashCotent ul li img { float:left; margin:5px 5px 5px 0; border:1px solid #CCC} .flashCotent ul li h4 { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color:#333; font-weight:bold; } .flashCotent ul li:last-child { border:none;} .flashCotent ul li a { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:12px; color:#333; text-decoration:none;} .flashCotent ul li a:hover { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:12px; color:#333; text-decoration:underline;} #homeid .homeclass {font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #fff; padding:0 24px; height:38px; border-top:6px solid #EDA512; line-height:38px; float:left; text-transform:uppercase; background:#EDA512; font-weight:bold} .categoryContainer { width:940px; float:left; margin:10px 0 0 0;} .venueContainer { width:304px; float:left; border:solid 1px #014C8D; background:url(../images/slide-tabs.jpg) left top repeat-x #E2E2E9; height:260px;} .venueContainer h3 { font-family:Tahoma; font-size:16px; color:#fff; font-weight:bold; line-height:28px; background:#014C8D; padding:5px 10px; text-transform:uppercase; } .venueContainer h3 img { float:left; margin:0 5px 0 0;} ul.bestBatsman { margin:0; padding:0; float:left;} ul.bestBatsman h5{font-weight:bold; color:#014C8D; font-size:14px; padding: 0 0 0 5px;} ul.bestBatsman li {list-style:none; display:inline; font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color:#B91A1F; float:left; width:150px} ul.bestBatsman li img { padding:5px; margin:5px; background:#ccc; width:120px; height:135px;} ul.bestBatsman li b{font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #333; font-weight:bold; padding:0 5px 0 0;} ul.bestBatsman li div.content { padding:0 5px; float:left; width:200px } .venueContainer2 { width:460px; float:left; border:solid 1px #014C8D; background:url(../images/slide-tabs.jpg) left top repeat-x #E2E2E9;} .venueContainer2 h3 { font-family:Tahoma; font-size:16px; color:#fff; font-weight:bold; line-height:28px; background:#014C8D; padding:5px 10px; text-transform:uppercase; } .venueContainer2 h3 img { float:left; margin:0 5px 0 0;} .venueContainer2 ol { margin:0; padding:0} .venueContainer2 ol li { list-style:none; display:inline; font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color:#B91A1F;} .venueContainer2 ol li img { padding:5px; margin:5px; background:#ccc; float:left; width:90px; height:100px;} .venueContainer2 ol li div.content { padding:5px; float:left; } .venueContainer2 ol li b{font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #333; font-weight:bold; padding:0 5px 0 0;} .pollContainer { width:304px; float:left; border:solid 1px #014C8D; background:url(../images/slide-tabs.jpg) left top repeat-x #E2E2E9; height:260px; margin:0 0 0 10px;} .pollContainer h3 { font-family:Tahoma; font-size:16px; color:#fff; font-weight:bold; line-height:28px; background:#014C8D; padding:5px 10px; text-transform:uppercase;} .pollContainer h3 img { float:left; margin:0 5px 0 0;} .pollIn { width:284px; float:left; padding:10px; font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #333;} .pollIn h4 { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:16px; color:#333; font-weight:normal; background:url(../images/trophy.png) left top no-repeat; line-height:28px; padding:0 0 0 28px;} .pollIn ul { margin:10px 0 0 0; padding:0;} .pollIn ul li { list-style:none; display: inline; width:140px; float:left; padding:2px 0; margin:0 2px 0 0;} .pollIn ul li img { float:left; margin:0 10px 0 0;} .pollIn ul li a { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color:#333; text-decoration:none} .pollIn ul li a:hover { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color:#333; text-decoration:underline} .newsContainer { width:304px; float:left; border:solid 1px #014C8D; background:url(../images/slide-tabs.jpg) left top repeat-x #E2E2E9; height:260px; margin:0 0 0 10px;} .newsContainer h3 { font-family:Tahoma; font-size:16px; color:#fff; font-weight:bold; line-height:28px; background:#014C8D; padding:5px 10px; text-transform:uppercase;} .newsContainer h3 img { float:left; margin:0 5px 0 0; } .newsIn { width:284px; float:left; padding:10px; font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #333;} .newsIn ul { margin:0; padding:0;} .newsIn ul li { list-style:none; display: inline; width:284px; float:left; padding:2px 0;} .newsIn ul li a { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color:#333; text-decoration:none} .newsIn ul li a:hover { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color:#333; text-decoration:underline} .newsIn ul li img { float:left; margin:5px 10px 0 0;} .sbtBtn { padding:0 10px 5px 10px; float:left; text-align:center;font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color:#fff; background:#000; border:1px solid #fff; width:auto; cursor:pointer; margin:10px 0 0 0;} .sbtBtn:hover { padding:0 10px 5px 10px; float:left; text-align:center;font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color:#fff; background:#666; border:1px solid #fff; width:auto; cursor:pointer; margin:10px 0 0 0;} .newsContainer2 { width:900px; float:left; position:relative;} .sheduleNew { width:284px; float:left; padding:10px; font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color:#333;} .sheduleNew h4 { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:16px; color:#333; font-weight:normal; background:url(../images/calendar.png) left top no-repeat; line-height:28px; padding:0 0 0 38px;} .sheduleNew ul { margin:10px 0 0 0; padding:0;} .sheduleNew ul li { list-style:none; display: inline; width:140px; float:left; padding:2px 0; margin:0 2px 0 0;} .sheduleNew ul li img { float:left; margin:0 5px 0 0;} .sheduleNew ul li a { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color:#333; text-decoration:none} .sheduleNew ul li a:hover { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color:#333; text-decoration:underline} .sheduleNew td { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:13px; color:#333; padding:1px 0; } .sheduleNew td a { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:13px; color:#333; text-decoration:none; } .sheduleNew td a:hover { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:13px; color:#333; text-decoration:underline; } .sheduleNew td span { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:13px; color:#014C8D; } .sheduleNew td a.readshedule { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:13px; color:#014C8D;text-decoration:underline; } .sheduleNew td a.readshedule:hover { font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:13px; color:#014C8D; text-decoration:none; } .sheduleNew td img { border:none; text-decoration:none;} .dataTableupdates{ float:left; width:940px; margin:10px 0 0 0;} .dataTableupdates th{padding:5px 10px; font-size:13px; color:#fff; border:1px solid #0061B9; background-color:#014C8D; font-weight:bold;} .dataTableupdates td{padding:5px 10px; font-size:12px; border:1px solid #0061B9; color:#000} .dataTableupdates td.row1{padding:5px 10px; font-size:12px; border:1px solid #0061B9; background-color:#FFFAF0; color:#000} .dataTableupdates a{text-decoration:underline; color:#ff3300;} .dataTableupdates a:hover{text-decoration:none;} .venueContainer3 { width:608px; float:left; border:solid 1px #014C8D; background:url(../images/slide-tabs.jpg) left top repeat-x #E2E2E9; height:260px;} .venueContainer3 h3 { font-family:Tahoma; font-size:16px; color:#fff; font-weight:bold; line-height:28px; background:#014C8D; padding:5px 10px; text-transform:uppercase; } .venueContainer3 h3 img { float:left; margin:0 5px 0 0;} .venueContainer3 ol { margin:0; padding:0} .venueContainer3 ol li { list-style:none; display:inline; font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color:#B91A1F;} .venueContainer3 ol li img { padding:5px; margin:5px; background:#ccc; float:left; width:90px; height:100px;} .venueContainer3 ol li div.content { padding:5px; float:left; } .venueContainer3 ol li b{font-family:"Franklin Gothic Medium", "Franklin Gothic Book", "Arial Black", "Helvetica Neue", "Franklin Gothic Demi"; font-size:14px; color: #333; font-weight:bold; padding:0 5px 0 0;}