* { margin:0; padding:0; }
html, body { font-family:Arial, Helvetica, sans-serif ; font-size:12px;}
#surfer_wrapper{width:978px;margin:0 auto; background:#FFFFFF; border:1px solid #C6C6C6;}
.main_content {border:1px solid #c0c0c0;width:978px; background:#fff;margin:0 auto; }
.main_content1{border:0;width:1015px; margin:0 auto;font-family:Tahoma, Geneva, sans-serif;}
.surfer_container  p { font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#333; margin-bottom:10px;}
#surfer_wrapper a:hover { color:#035bac; text-decoration:underline }
#surfer_wrapper h2, #surfer_wrapper h3, #surfer_wrapper h4 { margin:0; font-family:helvetica;}
#surfer_wrapper h2 { font-size: 24px; padding-bottom:0px; }
#surfer_wrapper h3 { font-size: 20px; padding-bottom:5px; }
#surfer_wrapper h4 { font-size:12px; width: 640px; }
.cordon_middle h2, .cordon_middle h3 { margin:0; font-family:helvetica;float:none;line-height: 26px;}
.cordon_middle h2 { font-size:24px; }
.cordon_middle h3 { font-size:20px; }
.cordon_middle .mark  h2{width: 350px;}
.clear { clear:both; }
.surfer_main_content { float:left; width:660px; border-right:2px solid #ebebeb; padding-bottom:15px; }
.stryCntnr .authors{margin-top:0px;}
.surfer_container { border-bottom:3px solid #eaeaea;margin-top:10px; }
.main_img { position:relative; margin:10px 0;overflow: hidden; }
.surfer_container p a, .cordon_story_content p a {font-family:Arial, Helvetica, sans-serif;color:#035bac;}
.description { position:relative; bottom:0px; left:0px; width:auto; background-color:#000; font-family: Tahoma; font-size:15px; color:white; opacity:0.8; filter:alpha(opacity=60); height:auto;padding: 5px; *margin-top: -3px;}
p.description_content {margin-bottom:0}
#first_tab,#second_tab{float:left;}
.description .copy_right{color: #bebebe; font-family: Arial;font-size: 11px;}
.surfer_stories { margin-top:15px; border-bottom:1px solid #ccc; width:640px; padding-bottom: 10px;}
.main_content1 .nomargin { margin-top:0px; }
.surfer_stories img { float:left; margin-right:10px; }
.surfer_stories .story_description { float:left; width:505px; }
.cordon_middle .story_description h3 {margin:10px 0 3px 0; font-family: helvetica;}
  h2 a:hover ,  h3 a:hover {text-decoration:underline; color:#035bac;}
.surfer_stories .author_blog{float: left; height: 122px; margin-right:10px; padding: 30px 5px 0; position: relative;text-align: center;  width:90px; background:#f4f4f4;}
.surfer_stories .author_blog span{ font-size:12px;font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; color: #333; }
.cordon_middle .blue_bg{background:#cee1ef;}
.surfer_stories .author_blog img{position:absolute; bottom:0; left:5px;}
#surfer_wrapper .surfer_stories h3 { width:auto;margin-bottom:10px; }
.pagenation { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#333; margin-top:20px; margin-bottom:20px; bottom:0; width:640px; float: left;}
.pagenation .left img { float:left; margin-top:-3px; margin-right:10px; }
.pagenation .right img { float:right; margin-top:-3px; margin-left:10px; }
.pagenation span.right{width:62px;}
.paging { margin-left:200px; float:left; }
.right { float:right }
.left { float:left }
.surfer_rhs { float:left; width:296px; padding:10px;  border-left: 1px solid #EBEBEB; margin-left:-1px;  }
.cordon_rhs{width:315px;}
.surfer_rhs .surfer_head { border-bottom:1px solid #eaeaea; }
.surfer_rhs .surfer_head .color { float:left; }
.color { color:#507da0; font-size:14px; font-weight:bold; margin:20px 0 10px 0; text-transform:uppercase; }
.surfer_rhs p {color:#333333; margin:15px 0; }
.social_icons { margin:15px 0; color:#868686; font-size:13px;float: left; width: 100%;}
.social_icons .clr_blue { color:#035bac; font-size:11px; }
.social_seperator{margin:0 10px;}
.social_icons .twitter_blog iframe, .social_icons .fb_blog{margin-bottom:-5px; width:82px !important;} 
.social_icons .fb_blog{margin-left:-10px;}
.social_icons span { text-transform:uppercase; font-size:15px; color:#999999; display:inline-block;}
.social_icons span img { margin-right:5px; margin-top:2px; float:left; width:13px; height:12px; }
.main_content1 .mark {background:url(http://i.imgci.com/espncricinfo/surfer/mark.png) no-repeat top right;} 
.surfer_stories .social_icons { margin:20px 0 10px 0; }
.story_holder { padding:0 10px 10px 10px;}
.story_holder a  img { margin-left:0; }
.rss { color:#035bac; font-size:12px; font-weight:bold; margin:15px; margin-left: 0px;}
.rss img { margin-right:10px; }
.accordion{margin:20px 0;}
.accordion .content { display:none; }
.accordion li { position:relative; overflow:hidden; }
.accordion li div:first-child{font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:5px 0; border-bottom:1px solid #eaeaea}
.accordion li div span{float:left}
a img{border:0}
.categories {padding: 5px 0;float:left;}
.categories a {color:#333; font-family:Tahoma, Geneva, sans-serif;}
.categories .color{float: left;width: 300px;border-top: 5px solid #8bb2d1;padding-top: 10px;}
#surfer_wrapper  .recent_posts ul li a{color:#333}
.recent_posts{margin:15px 0 15px 0;border-top: 5px solid #8bb2d1;float: left; width: 300px;}
.recent_posts ul li,.cordon_tabs  ul li{padding:5px 5px 5px 0; border-bottom:1px solid #eaeaea;list-style:none;}
.recent_posts ul li a:hover { text-decoration: underline; color: #035bac; }
.recent_posts  span{display:block; margin-top:10px;}
.cordon_tabs div { width:143px; float:left; padding:5px 0 5px 5px; margin-top:20px; margin-bottom:15px; background:#ebebeb;}
.main_content1 .cordon_tabs div{margin-top:0;}
.main_content1 .cordon_tabs{float:left; margin-bottom:15px;}
.cordon_tabs ul li{font-family:Arial, Helvetica, sans-serif; font-size:12px;list-style:none; font-weight:bold; }
.cordon_tabs ul li a:hover { text-decoration: underline; color:#035bac; }
#surfer_wrapper  .most_comment a,#surfer_wrapper  .most_read a,.main_content1 .most_read a,.main_content1 .most_comment a{font-size:14px; color:#333; font-weight:bold;}
.most_read.active{background:#8bb2d1;}
.most_comment.active{background:#8bb2d1;}
#surfer_wrapper .most_read.active a,.main_content1  .most_read.active a {color: #fff;font-size: 14px;font-weight: bold;}
#surfer_wrapper .most_comment.active a,.main_content1  .most_read.active a{color:#fff;font-size: 14px; font-weight: bold;}
#blogs_footer{width: 980px;height: auto;margin-left: auto;margin-right: auto;clear: both;position: relative;}
#footer2Container{margin-top:0px; }
.twitter_mod{border-top:5px solid #8bb2d1; margin-top:10px;float: left;width: 300px;}
.cordon_page .twitter_mod{margin-top:10px}
#surfer_wrapper .div300Pad{padding:0}
#surfer_wrapper .pnl320B{display:none;}
#surfer_wrapper .pnl320T{display:none;}
#surfer_wrapper .pnl320B{display:none;}
#surfer_wrapper .pnl320M{width:300px; margin-bottom:15px;}
#topstrip { background-position: 0 -5px; height: 25px; margin-bottom:15px; background: #fdfdfd; }
#topstrip li.logo a { display: block; height: 18px; width: 130px; }
#topstrip li a:hover { text-decoration:underline; }
a:link, a:visited { color: #333333; text-decoration:none; }
#topstrip li { background: url("http://i.imgci.com/espncricinfo/worldcup2011/gbnvsep.jpg") no-repeat scroll right center transparent; display: block; float: left; padding: 3px 7px 6px; }
#topstrip ul { margin: 0 auto; width: 980px; }
#topstrip li.logo { display: block; float: left; height: 16px; margin-right: 25px; width: 110px; padding:0; }
.cordon_logo { margin:0 auto; width:500px; margin-bottom:10px }
.leaderboard { margin:0 auto; width:970px; text-align:center; margin-bottom:15px }
.cordon_lhs { width:180px; padding:0 5px 0 10px; float:left }
.cordon_lhs ul li{ padding:6px 0; border-bottom:1px solid #e7e7e7; color:#333; font-family:Helvetica; font-weight:bold; text-transform: uppercase;list-style:none; }
.cordon_lhs ul li.last{border-bottom: 0;}
.cordon_middle {float: left;padding: 0 0 10px 5px; width: 460px;}
.cordon_middle .surfer_stories{width:460px; padding:0;}
.cordon_middle .surfer_stories .story_description{width:350px;}
.main_content1 .cordon_middle .surfer_stories .story_description{padding-bottom:10px;}
.cordon_page .surfer_rhs{background:none; padding:0 10px 0 10px ; border-left:0px;}
.surfer_rhs p a{text-decoration:underline;}
.cordon_lhs h4{ background:#8bb2d1; padding:5px 10px; }
.cordon_lhs h4 a{color:#fff;font:bold 12px Tahoma}
.left_shadow,.right_shadow{width:20px; height:300px; float:left; margin-top:-15px;}
.left_shadow{background:url(http://i.imgci.com/espncricinfo/surfer/grey_bgleft.png) no-repeat top left;}
.right_shadow{background:url(http://i.imgci.com/espncricinfo/surfer/grey_bgrght.png) no-repeat top right;}
.blog_footer{height:70px; border-top:5px solid #ebebeb; padding:15px 0 15px 200px;  }
.blog_footer ul{margin-bottom:30px; list-style:none;}
.blog_footer a{text-transform:uppercase; color:#363636; font-size:12px;}
.blog_footer a:hover{text-decoration:underline;}
.maintabseperator {color: #363636;font-size: 13px;font-weight: normal;height: 40px;margin: auto;padding-left: 3px;padding-right: 3px;}
.twitter_blog, .fb_blog{margin-top:-5px;} 
.blog_wrapper{ width:640px; padding:10px; background:#fff;}
 .storyBlog p {margin:15px 0 15px 160px;}
 .storyBlogCordon p {margin:30px 0 30px 0px;} 
.blog_wrapper a{text-decoration:none}
.blog_wrapper p img {margin-right:20px;}
.main_content1 .mark {background:url(http://i.imgci.com/espncricinfo/surfer/mark.png) no-repeat top right; border-bottom: 2px solid #eaeaea; margin-top:0; } 
.blog_wrapper .date{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; color:#868686}
.date,.magTitle{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#868686;float: left;width: 100%; margin-bottom:3px; margin-top:5px; }
.cordondate{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#868686;float: left;width: 100%; margin:5px 0 3px 0;}
.surfer_main_content .date{width: 100%;float: left;padding-bottom: 3px;text-transform: uppercase; margin-bottom:0px;}
.surfer_main_content .magTitle{font-size: 13px;color: #000; margin:3px 0;}
.blog_wrapper h2{font-size:24px;margin:10px 0 15px 0;}
.floatleft{float:left;}
.blog_wrapper img.floatleft{margin-right:15px;}
.blogs_related_links{margin-left:160px;  margin-top:0}
.blogs_related_links{margin-left:0px; margin-top:20px; border-top:5px solid #8bb2d1; padding:5px 0 15px 0; width:460px; float:right}
.blogs_related_links .blogRelated{margin:0;}
.blogs_related_links .blogRelated span, .blogs_related_links .blogRelated a{border-bottom:1px solid #4f4f4f; float:left;}
.blogs_related_links .blogRelated span{padding:2px;}
.blogs_related_links a{padding:2px;}
.blog_quote{border-top:3px solid #4f4f4f; border-bottom:2px solid #cacaca; width:450px; float:right; padding:10px 0; margin-bottom:15px;}
#surferBlog .blog_quote{width:470px;}
.blog_quote .quote, .blog_questions  h3{font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#4f4f4f; font-style:italic; display:block; margin-bottom:10px;line-height: 26px;}
.blog_quote p{margin:0;padding:0 10px;}
.blog_quote .caption{ font-family: Arial; font-size: 12px; color: #727272;}
.clear{clear:both}
.StoryengineTable, .storyenginetable{padding:15px 0;border-bottom:2px solid #cacaca; margin-bottom:15px;}
.StoryengineTable, .storyenginetable{width:100%;}
.StoryengineTable tr.head, .storyenginetable tr.head{background: #fff;color: #000;border-bottom: 1px solid #eee;}
.StoryengineTable tr.head td, .storyenginetable tr.head td{font: bold 12px Arial;}
.StoryengineTable td, .storyenginetable td{text-align:right; padding:5px 0;}
.StoryengineTable tr, .storyenginetable tr{background: none;}
.StoryengineTable th, .storyenginetable th{text-align:right; padding:5px 0}
.StoryengineTable tr th:first-child, .storyenginetable tr th:first-child{text-align:left;}
.StoryengineTable td:first-child, .storyenginetable td:first-child{text-align:left}
.StoryengineTable caption, .storyenginetable caption{text-align: left;border-bottom: 1px solid #e5e5e5;padding: 10px 0;color: #507da0;font:bold 16px Arial;text-transform: uppercase;font-weight: bold;background: #fff;border-top:3px solid #8bb2d1; }
.grey{background:#eeeeee}
.blog_questions { width:270px; float:left; margin-right:15px; margin-bottom:15px; padding:10px; background:#f4f4f4}
.blog_questions  h3{color:#000; font-weight:normal; border-bottom:3px solid #333;font-size:22px; padding: 0 0 5px;}
.blog_questions p{margin:0;}
.blog_wrapper .description {background-color: #000000;bottom:0;color: white;font-family: 'tahoma';font-size: 15px;left: 0;opacity: 0.8;position: absolute;width: 100%; width: 290px; padding:10px;}
.video_thumb{margin-bottom:15px;}
.video_thumb p{margin:0}
.stryRuler1 { background-color: #8BB2D1; clear: both; height: 5px; margin-bottom: 10px; margin-top: 4px; overflow: hidden;}
.cordon_middle .pagenation{width: 460px;float: left;}
.cordon_middle .pagenation .paging{margin-left: 100px;}
.feedCont{width: 180px;border-top:3px solid #efefef;border-bottom:3px solid #efefef; float: left;margin: 5px 0 0 0;}
.feedCont .rss{float: left;margin: 8px 0;}
.rss a{ color:#035bac; font-size:12px; font-weight:bold; }
.rss img { margin-right:10px; }
.archCont{float: left;width: 180px;position: relative;display: none;}
.archCont h5{font-family:Helvetica;font-size: 12px;color: #5d83a1;float: left;margin: 15px 0 0 0;}
#allBlogs{width: 180px;height: 25px;float: left;margin:8px 0 0 0; background: #f8f8f8;}
#allBlogs span.text{float: left;width: 140px;margin:5px 0 0 10px;font-family:Helvetica;font-size: 12px;color: #000;font-weight: bold; }
#allBlogs span.drop{color: #959595;font-family: Arial;font-size: 12px;margin: 6px 0 0 0;float: left;cursor: pointer;}
#showBlogs{width: 178px;height: auto;float: left;position: absolute;top: 5.3em;left: 0;display: none;border: 1px solid #e7e7e7;}
#showBlogs ul{margin: 0;padding: 0}
#showBlogs ul li{list-style: none;width: 180px;height: auto;float: left;font-weight: bold;padding: 0;}
#showBlogs ul li a{color: #000;float: left;margin: 8px 10px;font-family:Helvetica;font-size: 12px;}
.cordon_comm{float: left;width: 460px !important;margin: 10px 0 0 0;}
.cordon_comm table #comments, .cordon_comm table{width: 460px !important;}
#storyTxt{width: 450px;}
.stryRuler1{width: 450px;}
.borderN{border: 0;}
.cordon_middle .stryCntnr{width:450px;}
.latestComm{float:right; width:110px; margin:10px 0 0 0;}
.cordon_middle .surfer_container{margin-top:5px;width: 450px;}
.cordon_middle .surfer_container h2 a{font-size: 24px;margin: 10px 0;font-family: helvetica;width: 450px;}
.surfer_stories h3{font-size: 20px;font-family: helvetica;}
.surfer_stories h2 { font-size: 24px; font-family: helvetica; }
#photoCont{float: left;margin-left: -9px;margin-bottom:10px;}
.cordon_middle .featured-box{width: auto !important;}
#surfer_wrapper blockquote, .cordon_middle blockquote{ padding: 0 40px; }
#surfer_wrapper blockquote{margin: 30px 0 30px 160px;}
#storyTxt blockquote p{ margin: 15px 0 15px 0;}
.imageFullwidth{overflow: hidden;position: relative;margin:0 auto;}
.cordon_middle .imageFullwidth{width: 450px;margin-left: 0px;}
.stryCntnr .authors{font-family: Tahoma;font-size: 11px;float: left;width: 100%;color: #868686; font-style:normal;}
.magTitle{margin-bottom: 3px;}
.hrLine{width: 300px;float: left;border-top: 5px solid #8bb2d1;}
.surfer_rhs .no-bdr{border: 0 !important;}
.surfer_rhs .no-bdr .color{margin: 5px 0 !important;}
.pmargin{margin:5px 0 10px 0 !important;width: 300px;}
.StoryengineTable tr td:first-child, .storyenginetable tr td:first-child{text-align: left;}
.cordon_middle .main_img{overflow: hidden;width: 450px;}
#sdbrTopimg, #sdbrMdl, #sdbrBtm{background: none;} 
#strySidebar{background: #f4f4f4; float:left; margin-right:10px; margin-left:0}
#strySidebar h4 { width: 310px; }
#sbHdr{border-bottom: 3px #000 solid;text-transform: none;font-style: italic;padding: 5px;margin-bottom: 10px;color: #333333;font-size: 18px;font-family: Georgia, "Times New Roman", Times, serif;background: none;width: 300px;}
.wid{width: 450px;}
.cordonTable .phototbl{border: none;}
#surfer_wrapper .phototbl{background: #000;}
#surfer_wrapper .phototbl .stryPicCptn{color: #fff;}
.cordonTable{margin-top:5px;clear:both;text-align:center;float: left;margin-right: 20px;}
.wrapper{width:470px;height:auto;float:left;margin: 10px 0;border-top:5px solid #8bb2d1;border-bottom:2px solid #cacaca; }
.cordon_middle .wrapper{width:450px;}
.wrapper h3{ font: bold 14px Arial;float: left;width: 100%;color: #7397b3;margin:7px 0 !important; font-size:14px !important;}
.wrapper ul{margin:0;padding:0;display:block;float: left;margin-bottom: 10px;}
.wrapper ul li{list-style:none;float left;display:inline;width:auto;font:13px tahoma;}
.wrapper span, .wrapper a{line-height: 22px;}
.cordon_middle .cordon_story_content{width:450px;  border-bottom: 2px solid #EAEAEA; padding:10px 0 10px 0;float: left;}
.cordon_story_content{width:100%;  border-bottom: 2px solid #EAEAEA; padding:10px 0 10px 0;float: left;}
.cordon_story_content img{display:inline; float:left; margin:0 10px 5px 0}
.cordon_story_content span{display:inline; line-height: 150%;}
.time_date{ color:#868686; font-size:11px;font-weight: bold;font-family: Arial; margin-bottom:4px; }
.cordon_story_content span h2{margin:5px 0; font-size:20px}
.cordon_story_content span h3 a{ color:#333333; text-decoration:none;}
#ciHomeContent {margin-top: 5px;background: #fff;border: 1px solid #e7e7e7;}
.surfer_main_content h1, .cordon_middle h1{font-size: 28px;float: left;width: 100%;margin-bottom: 20px; color: #507da0; border-bottom:1px solid #c6c6c6; padding-top:10px; }
.keyword1{font-size: 12px;}
.keyword2{font-size: 14px;}
.keyword3{font-size: 18px; color:#035bac !important; }
.keyword4{font-size: 20px; color:#035bac !important; }
.keyword1, .keyword2, .keyword3, .keyword4 { padding-right:5px; line-height:150%; }
.keyword a:hover {text-decoration:underline;}
.surfer_rhs .author_link{float: left;margin: 5px 0 15px 0;color: #035bac;width: 300px;}
.cordon_middle .right a{color: #035bac;}
.authors{color: #868686; font-style: italic; margin-top:3px; padding-top:5px;}
.authors a{text-decoration: underline;}
.cordon_middle span p{ margin-top: 1px;}
/*.cordon_story_content .summary{float:left;}*/
.cordon_story_content span.left a{color:#035bac;}
#cordonBlog .image_wrapp{width: 450px;text-align: center;overflow: hidden;position:relative;}
#cordonBlog .image_wrapp .image_container{position:relative; overflow: hidden;margin: 0 auto;}
#surferBlog .image_container{position:relative; width:310px; float:left; margin: 0 20px 10px 0;overflow: hidden;}
.image_container .description .description_content, .main_img .description .description_content,.imageFullwidth .description .description_content{color:#fff;font-family: Arial;font-size: 11px;line-height: 14px;text-align: left;}
#surferBlog .image_wrapp{text-align: left;}
.image_wrapp img, .image160_wrapp img, .main_img img{cursor: pointer;}
#cordonBlog .image160_wrapp{text-align: left;}
#cordonBlog .image160_wrapp .image_container{position:relative; width:310px; float:left; margin: 0 20px 10px 0;overflow: hidden;}
#cordonBlog .video_wrapp{width: 450px;text-align: center;overflow: hidden;}
#cordonBlog .video_wrapp .cordonTable{width: 450px !important;text-align: center;}
#cordonBlog .StoryengineTable, #cordonBlog .storyenginetable{width: 645px;margin-left: -15em;}
#fcomments{height: 31px;}
#surferBlog .editorialList li{list-style-type: disc;margin-left: 160px;}
#cordonBlog .editorialList li{list-style-type: disc;}
#surferBlog iframe{margin-left: -2.3em;}
#surferBlog #strySidebar{*margin-left:-12em;}
#cordonBlog  #inlinePic600{margin-left:-12em;}
#cordonBlog  .tableizer-table{width: 645px;margin-left: -15em;}
.cordon_comm  #comment_frame{margin-left:-12.3em;}
.cordon_comm .stryRuler{width: 450px !important;}
.enlageBtn{border:0;cursor:pointer;padding-top:0;position:relative;margin: 10px auto 0 auto;font-size: 12px;line-height: 15px;}
.enlageBtn span.butt{width:16px;height:16px;margin:0;padding:0;background: url('http://i.imgci.com/espncricinfo/ciSprites58.gif') no-repeat -2330px -52px;}
.enlageBtn span{display:block;float:left;font-size:11px;}
.surfer_container p, .cordon_story_content p { font-family: Tahoma, Geneva, sans-serif; line-height: 150%; font-size: 12px; color:#333; margin-bottom:10px; }
.surfer_container blockquote, .cordon_story_content  blockquote { margin: 30px 0 30px 30px !important; font-family: Tahoma; line-height: 150%; }
.surfer_container .summary { line-height: 150%; }
.spncrSmry a:hover { color: #035bac; text-decoration: underline; }
.page2_archive { border-top: 5px solid #8bb2d1; float:left; width: 300px; padding-top:10px; margin-top:20px; }
.counties_col li  a{color:#7b9a25 !important; font-weight:bold !important;}
.recent_posts .counties_col > li { border-bottom: 0 none; display: inline-block;margin-right: 10px;width: 130px;}
#county_dropdown{background-color: #FFFFFF;border:1px solid #666;color: #034B8A;font-size:12px;font-weight: normal;width: 180px; margin-bottom:15px;}
#county_dropdown option{padding:0 5px}