/****************************************************************** Cricket365 Base Styles ******************************************************************/ /* global padding reset */ /* ------- MOZ ClearFix fudge ------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac */ .clearfix {display:block;} /* End hide from IE Mac */ /* ------- MOZ ClearFix fudge ------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac */ .clearfix {display:block;} /* End hide from IE Mac */ /* ------- MOZ ClearFix fudge ------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac */ .clearfix {display:block;} /* End hide from IE Mac */ /* CSS Document */ * {margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif;} body{margin: 0; padding: 0; background-image:url(/images/body_bg.gif);} #container {width:980px; background-color:#FFFFFF;} body.msn {margin: 0; padding: 0; background:url(/shared/images/msn-site-bg.gif) repeat-x #eeeeee; color:#333; } body.msn #container {width:980px; padding:0px; background-color:#FFFFFF;} body.msn #cse-search-box {display:none} /* HIDE GOOGLE STUFF ON MSN */ body.msn #searchBar {display:none} body.msn #ticker {width: 700px;} img{border:0;} .txtLeft {text-align:left;} .txtCenter {text-align:center;} .txtRight {text-align:right;} .txtTop {vertical-align:top;} .floatLeft {float:left;} .floatRight {float:right;} .clearLeft {clear:left;} .clearRight {clear:right;} .clear {clear:both;} .noBorder {border:none;} .noPadding {padding:0;} .noMargin {margin:0;} .capitalise {text-transform:capitalize;} .uppercase {text-transform:uppercase;} .story1 {padding: 10px 0 0 10px;} .first {margin-left:4px;} .bet_list {display:block} .course {margin-top:12px;} .morepics {font-family:Tahoma; font-size:11px; font-weight:normal; float:right; padding-right:8px;} .morepics a {color:#000000; text-decoration:none;} .morepics a:hover {color:#000000; text-decoration:underline;} .collapse {border-collapse:collapse;} .mpu {margin-bottom:5px;} .bold {font-weight:bold;} #infobar {width:980px; height:28px;} .block{display:block;} .inline{display:inline;} /* Page header */ #header { width:980px; height:108px; background-image:url(/images/cricket365-header.jpg); background-repeat:no-repeat; margin-bottom:1px; } div#banner {position: relative; margin-top: 0.7%; float:right;} #search { width: 100%; height: 29px; background: url('/images/search_bar_bg.gif') repeat-x #032f06; white-space:nowrap; margin: 0px; } #searchBar {width: 350px; float: left; padding: 0px; margin: 2px 0px 0px 5px;} #searchBar form { padding: 0; margin: 0; } #searchBar img {margin-left: 5px; border: 0px; float: left;} #searchBar .btn {padding: 1px;} #searchBar #searchText {margin: 0px 5px 0px 0px; font-family:Tahoma,verdana,arial; font-size:12px; font-weight:bold; float: left; line-height: 19px;} #searchBar .searchField {margin-right: 5px; float: left; border:1px solid #000; padding:2px 2px 0px 2px;} #searchBar .searchOption {color:#999999; font-size: 11px; height:18px; float: left; margin-right: 5px; border:1px solid #000; padding:2px 2px 0px 2px;} #ticker {width: 350px; float: left; margin: 4px 0px 0px 5px; padding: 0px;} #ticker marquee {width: 100%; float: left; height: 18px; border: 1px solid #000; background-color: #FFF;} #ticker marquee a {font-family:Tahoma; font-size:12px; line-height:18px; vertical-align:middle; color: #000; text-decoration: none;} #ticker marquee a:HOVER {text-decoration: underline;} /* Navigation */ #navbar {height:28px;width:978px;color:#999999; background-image:url(/images/nav_bg.jpg);background-repeat:repeat-x;border-bottom:1px solid #4C4B2E;padding: 0 0 0 2px;} #navbar ul li a:link, #navbar ul li a:visited {font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#000;text-decoration:none; text-transform:uppercase;} #navbar ul li a:hover, #navbar ul li a:active {text-decoration:underline;} #nav, #nav ul {float: left;width: 100%;list-style: none;line-height: 1;font-weight: bold;padding: 0;margin: 0;z-index: 999;} #nav a {display: block;width: auto;text-decoration: none;} #nav li {float: left;padding: 8px 8px 9px 8px;width: auto;border-right:1px solid #CCC;} #nav li.last {border-right:0px;} #nav li ul {position: absolute;left: -999em;height: auto;width: 10em;font-weight: normal;border:1px solid #CCC;margin: 0.5em 0 0 0;background:#DDDDDD url(/images/l2-bg.jpg) repeat-x;} #nav li li {width: 9em; padding:0.5em; border-bottom:1px solid #CCC;} #nav li ul ul {width:10em;margin: -1.2em 0 0 7em;} #nav li ul ul li { width:9em; float:left;} #nav li ul ul ul {} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;} #nav li:hover, #nav li.sfhover { background-color:#E9E9E9;} #nav li:hover, #nav li.hover {position:static;} ul#subnav, .centre ul#subnav {} ul#subnav li, .centre ul#subnav li {background:none; padding:0px 5px 0px 5px!important; width:auto; border-right:1px solid #AAAAAA; line-height:13px;} ul#subnav li a, .centre ul#subnav li a {text-decoration:none; line-height:13px;} ul#subnav li a:HOVER, .centre ul#subnav li a:HOVER {text-decoration:underline;} #topButtons {width: 246px; height:100%; background: url('/images/top_btn_bg.gif') repeat-x; float: right; padding:0px; margin:0px;} #topButtons a { height: 100%; display: block; float:left; line-height:27px; vertical-align:middle; padding: 0px 8px; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size:12px; color:#FFF; border-left: 1px solid #999; } #topButtons a:HOVER {text-decoration:underline; background: #999;} /* Page title */ h1 { font-size:18px; letter-spacing:1px; text-align: left;} /* Content area */ #wrapper {width:980px; margin-top:5px; height:auto; display:block; } /* STORY PAGE STYLES */ .headerbg {padding:10px 0 10px 10px!important; text-align: left; background:url(/images/cricket-header.jpg) no-repeat;} #story #wrapper {width:983px;height:auto;display:block; /*background-image:url(images/story_page_bg.gif);*/ background-repeat:repeat-y;} #story .centre {width:490px; padding-left:5px;} #story .centre .promo1 {margin-right:2px;} #story .centre .promo1 a, #story .centre .promo2 a {color:#FFFFFF;} #story .centre a {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000000; margin:0; padding:0; text-decoration:none;} #story .centre a:hover {text-decoration:underline;} #competition .centre h1, #story .centre h1 {text-transform:uppercase; color:#008449; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:boldl; margin:0; padding:0;} #story .centre h2 {padding:0px 0 0 0; color:#006600; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; } #story .centre h3 {padding:0 0 10px 0; text-decoration:none; font-family:Tahoma; font-weight:normal; color:#999999; font-size:11px;} #story .centre h4 {padding:2px 0 0 28px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#666666; /*background-image:url(images/video_symbol.gif);*/ background-repeat:no-repeat; margin:10px 0;} #story .centre h4 a {text-decoration:none; color:#666666;} #story .centre .promo1 h2, #story .centre .promo2 h2 {font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-transform:uppercase; font-weight:bold; color:#FFF; padding: 5px 0 5px 15px;} .storybox {float:right; width:246px; margin: 0 5px 0px 0; } #story .centre .storybox h2 { font-family:Tahoma; font-size:11px; font-style:normal; font-weight:normal; padding:5px; margin:0; color:#000000; background-color:#F0F0F0; text-align: center; } #story .centre .storybox h3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:8px 5px 0 0; margin:0; color:#060;} #story .centre p { font-family:Tahoma; font-size:11px; line-height:1em; padding:0 0 0 5px; line-height:16px; margin-bottom:10px;} #story .centre .storybox .linkBox { background-color:#F0F0F0; margin:4px 0px; padding-bottom:8px;} #story .centre .storybox .linkBox ul { width:20em; float: left; margin: 0 0 5px 0; padding: 0; list-style: none;} #story .centre .storybox .linkBox li { width:16em; float: left; margin: 0; padding: 0;} #story .centre .storybox .linkBox li a {color:#060; text-decoration:none; font-weight:normal;} #story .centre .storybox .linkBox li a:hover {text-decoration:underline} .storypage_story {float:left;width:310px;background-color:#E9E9DF;padding-top:3px; margin-bottom:3px; padding-bottom:5px;} .storypage_story img.storypic {float: left;border: 1px solid #CCCCCC;margin: 5px 5px 0px 5px;} #story .centre .storybox .linkBox .storypage_story h2 {background-color:#E9E9DF; font-weight:normal; font-style:normal;font-family: Arial, Helvetica, sans-serif;font-size: 14px; padding: 0px 5px;} #story .centre .storybox .linkBox .storypage_story h2 a {color:#677834; text-decoration:none;} #story .centre .storybox .linkBox .storypage_story p {font:11px/18px Tahoma; font-weight:normal; color:#000000; margin: 0px 5px; margin-bottom:0px;} .storypage_story p a:link, .storypage_story p a:visited {color:#000000; text-decoration:none; font-weight:normal;} .storypage_story p a:hover, .storypage_story p a:active {text-decoration:underline; font-weight:normal;} .storypagesky {float:left; width:160px; margin-left:5px;} #subwrapper {} /** story listing **/ #list_story {float: left; width:307px; color:#000;} #list_story_wide {width:100%; color:#000; margin-bottom:10px;} #story_list {float: right; width:180px; } /*** list_story - the title/image/abstract listing ***/ #list_story .list_story img, #list_story_wide .list_story img {float:left; padding: 0 5px 0 0;} #list_story .list_story h2, #list_story_wide .list_story h2 {margin: -2px 0px 3px 0px; color:#000;} #list_story .list_story h2 a, #list_story_wide .list_story h2 a { font-weight:bold; color:#000;} #list_story .list_story p a, #list_story_wide .list_story p a { color:#000;} #list_story_wide .list_story { margin:4px 0px;} /*** the bullet points ***/ #story .centre #story_list h2 {background:#008449; color:#FFF; text-transform:uppercase; font-size:15px; font-weight:bold; padding:3px 5px;} #story_list ul {width:180px; list-style-type:none; padding-bottom:10px;} #story_list ul li {padding-left:14px; background: url(/images/list_bullet_sm.gif) no-repeat 0px 100% ;} #story_list ul li a {color:#000000;} .left {float:left; width:242px; height:auto; clear:left; margin:0px;} .centre {float:left; width:660px; height:auto; margin:0 0 0 5px;} .right {float:left; width:300px; height:auto; margin:0 0 0 5px;} .spancol {} .left p { font-family:Tahoma; font-size:11px; margin-bottom:15px; line-height:16px; } .left table th {text-align:left; padding-left:3px;} /* Story styles */ h2.sectionheader { font-family:"Times New Roman", Times, serif; font-size:15px; font-weight:bold; color:#006600; padding:5px; background-color:#DADAD0; } #story .centre h3.sectionheader { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; background-color:#006600; font-weight:bold; padding:3px 3px 3px 6px; margin-bottom:10px;} h4.sectionheader { font-family:Georgia, "Times New Roman", Times, serif; font-size: 18px; float:left; letter-spacing:2px; font-weight:normal; /*background-image:url(images/secondary_bg.jpg); background-repeat:repeat-x;*/ text-transform:uppercase; color:#666666; padding:3px 5px 3px 10px; background-color:#F0F0F0; margin-top:0px; } h5.sectionheader { font-family:Georgia, "Times New Roman", Times, serif; width:295px; text-transform:uppercase; font-size: 21px; letter-spacing:2px; font-weight:normal; color:#006600; padding:5px 0 5px 5px; background-color:#CDD4AB; display:block; } /*TOP STORY*/ .topstory {float:left; background-color:#FFFFFF; width:658px; min-height:190px; height:auto; border-bottom:1px solid #E4E4E4; margin-bottom:5px; } #story .topstory {min-height:0px; padding-bottom:10px;} #skystorybox {float:right; width:120px; padding-left:5px; height:600px; clear:right; margin-top:3px;} #story .topstory {width:500px;} .topstory img.storypic {float:left; border: 1px solid #666666; margin: 5px 10px 0px 0px;} .topstory h2 {font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; text-transform:capitalize; padding:7px 5px 0px 6px; color:#006600; text-decoration:none;} .topstory h2 a {color: #004400; text-decoration:none;} .topstory h2 a:hover {} .topstory h3 {} .topstory p {font:11px/18px Tahoma; color:#000000; margin-bottom:7px;} .topstory a {font:Tahoma; color:#000000; text-decoration:none;} .topstory a:hover {text-decoration:underline;} .topstory ul {float:left} .topstory li {padding:3px 0 0 15px; color:#006600; font:11px/18px Tahoma; background-image:url(/images/list_bullet.gif); background-repeat:no-repeat; list-style-type:none;} .topstory li a {color: #004400; font-weight:bold; text-decoration:none; } .topstory li a:hover {text-decoration:underline;} /*SECONDARY STORY*/ #story .secondarystory {} .secondarystory {float:left;width:325px;height:auto;padding-top:3px;padding-bottom:10px;background-color:#FFFFFF;margin-bottom:5px;} .secondarystory img.storypic {float: left; border: 1px solid #CCCCCC; margin: 5px 5px 0px 10px;} .secondarystory h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 3px 10px; text-transform:capitalize; color:#006600;} .secondarystory h2 a {color:#004400; text-decoration:none;} .secondarystory h2 a:hover {} .secondarystory h3 {} .secondarystory p {font:11px/18px Tahoma; color:#000000; margin: 0px 5px 5px 14px;} .secondarystory p a:link, .secondarystory p a:visited {color:#000000; text-decoration:none;} .secondarystory p a:hover, .secondarystory p a:active {text-decoration:underline;} .secondarystory ul {clear:both;} .secondarystory li {margin-left:10px; padding:3px 0 0 15px; color:#006600; font:11px/18px Tahoma; background-image:url(/images/list_bullet.gif); background-repeat:no-repeat; list-style-type:none;} .secondarystory li a { color: #004400; font-weight:bold; text-decoration:none; } .secondarystory li a:hover {text-decoration:underline;} /*TERTIARY STORY*/ .tertiarystory {float:right;width:408px;margin-left:5px;height:auto;padding:5px 0px; /*background-image:url(images/topstory_bg.jpg); */ background-repeat:repeat-x; background-position:bottom;border:1px solid #E4E4E4;margin-bottom:5px;} .tertiarystory .inner {padding:0px 5px;margin: 0px} .tertiarystory img.storypic {float: left;border: 1px solid #000;margin: 8px 5px 0 3px;} .tertiarystory h2 { color:#004400; font-family: Arial, Helvetica, sans-serif; font-size: 14px;padding: 3px;text-transform:capitalize; margin-bottom:3px;} .tertiarystory h2 a {color:#004400; text-decoration:none;} .tertiarystory h2 a:hover {} .tertiarystory h3 {} .tertiarystory p {font:11px/18px Tahoma; color:#000000;} .tertiarystory p a {color:#000000; text-decoration:none;} .tertiarystory p a:hover {text-decoration:underline;} .tertiarystory ul {clear:both; padding:5px 0;} .tertiarystory li {margin-left:10px; padding:3px 0 0 15px; color:#006600; font:11px/18px Tahoma; background-image:url(/images/list_bullet.gif); background-repeat:no-repeat; list-style-type:none;} .tertiarystory li a { color:#004400; font-weight:bold; text-decoration:none; } .tertiarystory li a:hover {text-decoration:underline;} /* User Links (rss, email, print links */ .user_links {margin:5px 0 10px 0px; border-bottom:1px solid #f0f0f0; padding:2px 0 2px 5px;} .user_links img {float:left; padding-right:5px; padding-left:20px;} .user_links img.first-icon {padding-left:0px;} .user_links a {float:left; color:#000000;} .league_info {margin-top:5px; margin-bottom:15px; font-size:11px; height:30px;} .league_info .listing {margin-top:15px;} .league_info h1, .centre #league_info h1 a {text-transform:uppercase; color:#008449; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:0; padding:0;} .league_info h1 a:hover {text-decoration:none; color:#004400;} .league_info a {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#1177cc; margin:0; padding:0; text-decoration:none;} .league_info a:hover {text-decoration:underline;} .league_info a.curr {color:#000; font-weight:bold;} .league_info img {margin-right:8px;} .promoBlog { margin-bottom:5px; color:#FFF; font-family:Tahoma; font-size:11px; float:left; width:212px; border:1px solid #000; background:url(/images/c365-blog-promo.jpg) no-repeat; padding:40px 10px 10px 76px;} .promoBlog a { color:#fff; font-weight:bold;} .promoBlog2 { margin-bottom:5px; color:#FFF; font-family:Tahoma; font-size:11px; float:left; width:212px; border:1px solid #000; background:url(/images/c365-blog-holmes-promo.jpg) no-repeat; padding:40px 10px 10px 76px;} .promoBlog2 a { color:#fff; font-weight:bold; text-decoration:none;} .promoBlog3 { margin-bottom:5px; color:#FFF; font-family:Tahoma; font-size:11px; float:left; width:212px; border:1px solid #000; background:url(/images/c365-blog-wilson-promo.jpg) no-repeat; padding:40px 10px 10px 76px;} .promoBlog3 a { color:#fff; font-weight:bold; text-decoration:none;} .promoBlog4 { margin-bottom:5px; color:#FFF; font-family:Tahoma; font-size:11px; float:left; width:212px; border:1px solid #000; background:url(/images/c365-blog-jacobs-promo.jpg) no-repeat; padding:40px 10px 10px 76px;} .promoBlog4 a { color:#fff; font-weight:bold; text-decoration:none;} .promoBlog5 { margin-bottom:5px; color:#FFF; font-family:Tahoma; font-size:11px; float:left; width:212px; border:1px solid #000; background:url(/images/c365-blog-harris-promo.jpg) no-repeat; padding:40px 10px 10px 76px;} .promoBlog5 a { color:#fff; font-weight:bold; text-decoration:none;} .promoBlog6 { margin-bottom:5px; color:#FFF; font-family:Tahoma; font-size:11px; float:left; width:212px; border:1px solid #000; background:url(/images/c365-blog-saxby-promo.jpg) no-repeat; padding:40px 10px 10px 76px;} .promoBlog6 a { color:#fff; font-weight:bold; text-decoration:none;} #storyList { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:76%; } #storyList .centre a { color:#000; text-decoration:none; } #storyList .centre a:hover { color:#000; text-decoration:underline; } #storyList .centre {width:490px; padding-left:5px;} #story .centre .indexTopstory .TopStoryLinks img.storypic {margin-top:0px!important;} #story .centre .indexTopstory .TopStoryLinks {margin-top:6px!important;} #story .centre .indexTopstory ul {clear:none; margin:none; width:210px!important; float:left; list-style-type:none!important; border:1px solid #ddd; background:#fff url(/images/indexListBox-bg.jpg) repeat-x; padding:0 4px 0 8px;} #story .centre .indexTopstory h3 { font-weight:bold; font-size:12px; color:#000; padding:0 0 0 0!important; margin:0 0 0 0!important;} #story .centre .indexTopstory ul li {width:200px; margin-left:0px!important; clear:left; float:none!important; padding:0 0 0 10px!important; background:url(/images/index-bullet.gif) left center no-repeat; text-indent:0px!important;} #story .centre .indexHeader {font-size:76%; float:left; width:275px; padding:18px 0 15px 210px; color:#fff;height:18px; } #story .centre .indexHeader img { padding-right:8px;} #story .centre .indexHeader a {color:#fff!important; font-weight:bold;} #story .centre .indexTopstory { margin-bottom:16px; clear:left; } #story .centre .indexTopstory img { float:left; margin:6px 6px 0 0; border:1px solid #999;} #story .centre .indexTopstory h2 { padding:5px 0 0 0; } #story .centre .indexTopstory h2 a { font-family:Arial, Helvetica, sans-serif!important; font-size:22px!important; font-weight:bold;} #story .centre .indexTopstory p { font-family:Arial, Helvetica, sans-serif!important; font-size:12px!important; line-height:20px!important; } #story .centre .indexTopstory p a { font-family:Arial, Helvetica, sans-serif!important; font-size:12px!important;} #story .centre .indexSecondarystory { clear:left; margin-bottom:12px; padding-right:10px; } #story .centre .indexSecondarystory h2 a {font-family:Arial, Helvetica, sans-serif!important; font-size:12px!important; font-weight:bold; } #story .centre .indexSecondarystory p {font-family:Arial, Helvetica, sans-serif!important; font-size:12px!important; line-height:16px;} #story .centre .indexSecondarystory img { float:left; margin-right:4px; border:1px solid #999; } #story .centre ul.indexList {float:left; width:466px; list-style-type:none!important; padding:2px; margin:8px 0 0 0;} #story .centre ul.indexList h2 { font-size:12px; background-color:#006600; color:#fff; margin-bottom:4px; padding:2px 8px; } #story .centre ul.indexList li { width:210px; float:left; padding:0px 0 0px 10px!important; margin-left:6px; background:url(/images/index-bullet.gif) left center no-repeat; } #story .centre ul { clear:left; /*width:490px;*/ list-style-type:none; margin-bottom:15px;} #story .centre ul h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; background-color:#006600; font-weight:bold; padding:3px 3px 3px 6px; margin-bottom:10px;} /*HB: the !important is causing errors on padding - i need to remove it - also tweaked #story .centre li {float:left; width:205px; background:url(/images/list_bullet.gif) no-repeat; margin-left:15px; padding:3px 0 0 15px!important; } */ #story .centre li {float:left; width:205px; list-style:none; /*text-indent:15px;*/ background:url(/images/list_bullet.gif) no-repeat; margin-left:0px; padding:0px 0 0 15px!important;} .linkBox { font:11px/18px Tahoma; padding: 0px 0px 0px 10px; color:#006600;} .linkBox a {color:#006600; font-weight:bold; text-decoration:none;} .ss1 {border-right:1px solid #E4E4E4;} .bottomstory {margin-left:5px;} .linklist { margin-left:5px; float:left; width:410px; background-color:#EDEEE6; margin-bottom:5px; padding-bottom:5px; } .linklist h2 {background-color:#006600; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; padding:3px;} .linklist ul { width:380px; margin-left:10px; padding-top:5px; list-style-type:none;} .linklist ul li { padding:2px 5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; float:left; width:180px;} .linklist ul li.last {} .linklist ul li a { color:#006600; text-decoration:none;} .linklist ul li a:hover {text-decoration:underline;} /* Story float */ .storyboxes {width:505px; height:205px; margin-bottom:10px; background-color:#FFF;} .storyboxes .box1 { float:left; width:160px; height:205px; background-color:#F0F0F0; border:1px solid #E4E4E4;margin:0 2px;} .storyboxes .box1 ul {/* list-style-image:url(images/story_list_bullet.gif); */ list-style-position:inside;} .storyboxes .box1 li { font-family:Arial, Helvetica, sans-serif;font-size:11px; line-height:14px; margin-left:5px;} .storyboxes .box1 li a {color:#000000; text-decoration:none;} .storyboxes .box1 li a:hover {text-decoration:underline;} .storyboxes .box1 img { margin:6px 0 6px 6px;} .storyboxes .box2 ul {list-style-type:none;} .storyboxes .box2 li {padding-left:5px; font-family:Arial, Helvetica, sans-serif;font-size:12px; line-height:17px;} .storyboxes .box2 li a {color:#000000; text-decoration:none;} .storyboxes .box2 li a:hover {text-decoration:underline;} .storyboxes .box2 form table {margin:0; padding:0;} .storyboxes .box2 {float:left; width:210px; height:180px; background-color:#F0F0F0; margin:0 5px;border:1px solid #E4E4E4;} .storyboxes .box2 h2 {font-family:Georgia, "Times New Roman", Times, serif; padding-left:5px;font-size: 21px;letter-spacing:2px;font-weight:normal;text-transform:uppercase;color:#006600;} .storypagesky {float:left; width:160px; margin-left:5px;} /* Promo boxes */ .promoBlog { margin-bottom:5px; color:#FFF; font-family:Tahoma; font-size:11px; float:left; width:212px; height:74px; border:1px solid #000; background:url(/images/c365-blog-promo.jpg) no-repeat; padding:40px 10px 10px 76px;} .promoBlog a { color:#fff; font-weight:bold; text-decoration:none;} .promoBlog a:hover { color:#fff; font-weight:bold; text-decoration:underline;} .promo1 {float:left; width:142px; border:1px solid #000; height:130px; background-image:url(/images/promo_bg.jpg); margin: 0px 0px 5px 3px;} .promo1 .inner {color:#FFFFFF; margin: 0px 0px 0px 0px;} .promo1 .inner img {border: 1px solid #FFF; margin: 0px 2px;} .promo1 img {margin-bottom: 5px; border-bottom: 1px solid #FFF;} .promo1 .header {background-image:url(/images/promo_header_bg.gif); width: 100%; float: left;} .promo1 h2 {font-family:Arial, Helvetica, sans-serif;font-size: 12px; text-transform:uppercase;font-weight:bold;color:#FFF; padding: 5px 0 5px 15px;} .promo1 .inner a {color: #FFF; text-decoration: none;} .promo1 .inner a:hover {text-decoration: underline;} .promo1 h3 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#000000; background-color: #FFFFFF; padding: 3px 8px; } .promo1 p {font-family: Verdana; font-size: 11px; font-weight: normal; padding:5px; line-height:15px; text-align:center;} .promo1 p a:link, .promo1 p a:visited, .promo1 p a:hover, .promo1 p a:active { font-weight: normal; font-family: Tahoma; font-size: 12px; color: #FFFFFF; text-decoration: none; } .promo1 p a:hover { text-decoration:underline;} .promo2 {float:left; width:242px; color:#FFFFFF; border:1px solid #000; height:auto; background-image:url(/images/promo_bg.jpg); margin-bottom:5px;} .promo2 .inner {} .promo2 img.promopic {float:left; padding: 0 10px; width:84px} .promo2 h2 {font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-transform:uppercase; font-weight:bold; color:#FFF; padding: 5px 0 5px 15px;} .promo2 h2 a {} .promo2 h2 a:hover {} .promo2 h3 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#000000; background-color: #FFFFFF; padding: 3px 8px;} .promo2 p {font-family: Verdana; font-size: 12px; font-weight: normal; padding:5px 5px 5px 0; line-height:17px; text-align:center;} .promo2 p a:link, .promo2 p a:visited, .promo2 p a:hover, .promo2 p a:active { font-weight: normal; font-family: Tahoma; font-size: 12px; color: #FFFFFF; text-decoration: none; } .promo2 p a:hover { text-decoration:underline;} /** Promo3 = Look-a-likes **/ .promo3 {float:left; width:298px; color:#FFFFFF; border:1px solid #000; height:auto; background-image:url(/images/loolalikes_bg.jpg); margin-bottom:5px; padding: 0px 0px 5px 0px;} .promo3 .inner {} .promo3 img.promopic {float:left; width: 148px; margin: 5px 10px; border: 1px solid #FFF;} .promo3 h2 {font-family:Arial, Helvetica, sans-serif;font-size: 12px; text-transform:uppercase;font-weight:bold;color:#FFF; padding: 5px 0 5px 15px;} .promo3 h2 a {color: #FFF; text-decoration: none;} .promo3 h2 a:hover {color: #FFF; text-decoration: underline;} .promo3 h3 {font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:11px;color:#000000;background-color: #FFFFFF;padding: 3px 8px;} .promo3 p {font-family: Verdana;font-size: 12px;font-weight: normal;padding:5px 5px 5px 0;line-height:17px;text-align:center;} .promo3 p a:link, .promo2 p a:visited, .promo2 p a:hover, .promo2 p a:active {font-weight: normal;font-family: Tahoma;font-size: 12px;color: #FFFFFF; text-decoration: none;} .promo3 p a:hover { text-decoration:underline;} /** Promo4 = Shop**/ .promo4 {background-image:url(/images/shop_bg.jpg); margin-top:5px;} .promo4 h2 { float:left; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color:#000; margin: 0 2px 9px 0; padding: 2px 0 0px 7px; } .promo4 h2 a { color:#000000;text-decoration:none;} .promo4 h2 a:hover { text-decoration:none;} .promo4 img.flag {float:left;} .promo4 img.shop {clear:both;} .promo4 img.shirt {margin:5px 0 5px 4px; border:1px solid #000;} .promo4 img.promopic {width: 84px; float:left; margin: 5px 10px; border:1px solid #FFF;} .promo4 h3 {font-family:Arial, Helvetica, sans-serif;font-size: 16px;font-weight:bold;} .promo4 h3 a:link, .promo4 h3 a:visited {color:#FFFFFF; text-decoration:none;} .promo4 h3 a:hover, .promo4 h3 a:active {color:#FFFFFF; text-decoration:none;} .promo4 p img {margin:0 3px 0 15px;} .promo4 p {font-family:Arial, Helvetica, sans-serif;font-size: 11px;font-weight:normal; padding-bottom:10px;} .promo4 p a {color:#000; text-decoration:none;} .promo4 p a:hover {color:#000; text-decoration:none;} .promo4 h4 { margin-left:10px;float:left; font-family:Arial, Helvetica, sans-serif;font-size: 12px; font-weight:normal; padding:3px 8px; background-color:#173102; border:1px solid #BADAF0; color:#FFF;} .promo4 form {width: 100px;float:left;} .promo4 form select {} /** Promo5 = Tabbed box **/ .promo5 {color:#000; font-family:Arial, Helvetica, sans-serif; width:242px; height:auto; border:1px solid #e9e7e7;} .promo5 ul.anchors {list-style-type:none; width:242px; background-color:#FFF; color:#000;} .promo5 ul.anchors li {color:#000; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:5px 0px; width:50%; margin:0px; text-align:center; background-color:#e8e7e7;} .promo5 ul.anchors li.tabs-selected {background-color: #d9d8d8;} .promo5 ul.anchors li a {color:#000; text-decoration: none; cursor:pointer; display:block; width:100%;} .promo5 p {font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:0px 0 0 7px;} .promo5 p a {color:#3E583B; font-weight:bold; display:block; text-align:right; font-size:11px; padding-right:5px;text-decoration:none;} .promo5 p a:HOVER {text-decoration:underline;} .promoYS {margin-bottom:5px; background: url('/images/ys_bg.gif') no-repeat #007e41; width:258px; height:115px; padding: 50px 20px 10px 20px; border: 1px solid #000;} .promoYS p {font-size:12px; color:#000;} .promoYS p a {text-decoration: none; color: #000; text-align: left; font-weight:normal;} .promoYS a {text-align:right; display:block; font-size:11px; color:#000; text-decoration:none;} .promoYS a:HOVER {text-decoration:underline; color:#007e41;} .one {background-color:#999;} .two { background-color: #004400; } .three {background-color:#000;} .stretcher {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#000; visibility:visible; clear:left;} .stretcher table {font-family:Tahoma;} #nextLive {margin-bottom:5px; width:298px; border: 1px solid #000; background: url('/images/next_slice.gif') repeat-y #0b6411;} #nextLive .action {padding: 10px 20px 20px 20px; height:auto; width:258px; font-size:12px; line-height:15px; color:#FFF; background: url('/images/next_footer.gif') no-repeat 100% 100%;} #nextLive .action a {color:#FFF; font-weight:bold; text-decoration:none;} #nextLive .action a:HOVER { text-decoration:underline;} .promo7 {width:288px; padding:5px; color:#FFFFFF; border:1px solid #000; height:auto; background-image:url(/images/promo_bg.jpg); margin-bottom:5px;} .promo7 a {color: #FFF; text-decoration: none;} .promo7 .inner {font-size:11px;} .promo7 img.promopic {width: 84px; float:left; margin: 5px 10px; border:1px solid #FFF;} .promo7 h2 {font-family:Arial, Helvetica, sans-serif;font-size: 15px; text-transform:uppercase; font-weight:bold; color:#FFF; padding: 5px 0 5px 15px;} .promo7 h2 a {color: #FFF; text-decoration: none;} .promo7 h2 a:hover {color: #FFF; text-decoration: underline;} .promo7 h3 {font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:11px;color:#000000;background-color: #FFFFFF;padding: 3px 8px;} .promo7 p {font-family: Verdana; font-size: 11px; font-weight: normal;padding:5px 5px 5px 0; line-height:15px; text-align:left;} .promo7 p a:link, .promo2 p a:visited, .promo2 p a:hover, .promo2 p a:active {font-weight: normal;font-family: Tahoma; font-size: 11px; color: #FFFFFF; text-decoration: none;} .promo7 p a:hover { text-decoration:underline;} .promo9 {background-image:url(/images/promo9_bg.jpg); background-repeat:no-repeat; background-color:#008645; width:242px; margin: 5px 0 5px 0;} .promo9 p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; padding:50px 30px 0 15px;} .promo9 table { padding-left:25px; } .promo9 table td {color:#FFFFFF;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; font-weight:bold; } .even {font-family:Tahoma; padding: 5px 3px; color:#000000; background-color:#DEDEDE; } .left .even {background-color:#e9e9df;} .left table {font-family:Tahoma; font-size:11px; margin:10px 0px;} .left table a { color:#000000; text-decoration:none;} .left table a:hover {text-decoration:underline;} .left tr {padding: 5px 3px;} .left th { background-color:#D6D6C5; padding: 2px 0px; font-family:"Times New Roman", Times, serif; font-size:16px;} .left td { padding-left:3px;} h5 {font-family:"Times New Roman", Times, serif; font-size:20px; padding:6px;} .even a, .odd a {color:#000000; text-decoration:none;} .even a:hover, .odd a:hover {text-decoration:underline;} .odd {font-family:Tahoma; padding: 5px 3px; color:#000000; background-color:#DCDCD2; margin-top:5px;} /* Video Box */ #video { background-color:#CCCCCC; margin-bottom:5px;} #video img { margin-left:3px;} #video h2 { margin-bottom:5px; background-color:#006600; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; padding:3px; } /* video promo */ .video-box {padding:6px 0 12px 10px!important; float:left; display:inline;} .video-box div.flick-list {width:278px;clear:both;overflow:hidden;position:relative;margin-bottom:5px;min-height:138px;} .video-box div.flick-list ul {width:5000px;position:relative;margin-left:0;} .video-box div.flick-list ul li {float:left;width:134px;height:145px;margin-right:10px;overflow:hidden;} .video-box div.flick-list ul li a{display:block;text-decoration:none!important;height:145px; width:136px; overflow:hidden; font-size:90%;} .video-box div.flick-list ul li a:hover{background:#022c16;} .video-box div.flick-list ul li a:active{background:#01190d;} .video-box div.flick-list ul li img {width:132px;margin-bottom:3px; border:1px solid #fff;} .video-box h2{font-weight:bold;zoom:1;height:29px; margin-bottom:15px; color:#fff; font-size:130%; font-family:Verdana, Arial, Helvetica, sans-serif; float:left; padding:0; text-decoration:none; width:276px; background:url(/images/c365-video-header.jpg) no-repeat; text-indent:-9999px;} .video-box h2:after {content:".";display:block;height:0px!important;line-height:0px;clear:both;visibility:hidden;} .video-box h2 a {display:block;color:#fff; text-decoration:none;} .video-box h2 span{float:left;display:block;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%;} .video-box h2 div {float:right;width:100px;clear:none;overflow:visible;text-align:right;} .video-box a {color:white; font-size:70%; text-decoration:none;} .video-box a:hover {text-decoration:underline;} .flick-list span {color:white; padding-left:85px;} .video-box a.flickb,.video-box span.flickb {display:block;width:15px;height:14px;background:url(/images/ashes/site/ms-play-btns.gif) 0px 14px;float:right!important;overflow:hidden;margin-right:6px;} .video-box span.flickb {position:relative;left:53px;} .video-box a.flickf,.video-box span.flickf {display:block;width:15px;height:14px;background:url(/images/ashes/site/ms-play-btns.gif) 0px 0px;float:right;margin-left:4px;overflow:hidden;} .video-box a.flicker1,.video-box a.flicker2,.video-box a.flicker3,.video-box a.flicker4 {display:block;margin-top:2px;margin-right:2px;width:5px;height:10px;overflow:hidden;background:white;float:right;} .video-box a.high {background:#b1b1b1;} /* Course Guide Styles*/ h6 {font-family:"Times New Roman", Times, serif; font-size:22px; color:#999999; font-weight:normal; border-bottom: 1px solid #999999;} .holeguide1 {border-bottom: 1px solid #DDDDDD; padding-bottom:10px;} .holeguide1 h2 {color:#006600; font-family:Tahoma; font-size:17px; font-weight:normal;} .holeguide1 p {} .holeguide1 img {float:right; margin-left:5px;} .holeguide2 {border-bottom: 1px solid #DDDDDD; padding-bottom:10px;} .holeguide2 h2 { color:#006600; font-family:Tahoma; font-size:17px; font-weight:normal;} .holeguide2 p {} .holeguide2 img {float:left; margin-right:5px;} /* Table */ table {font-size:11px;margin:0; padding:0; border: none;font-family:Arial, Helvetica, sans-serif; } table img {padding:2px 0;} td {padding: 5px 5px 5px 2px;} th {padding: 5px 5px 5px 2px; background:#189C21; color:#FFF;} tr {} thead tr {} thead {} tr.subheader {} tr.subheader th {} tbody {} tbody tr {} td a {color:#189C21; text-decoration:none;} td a:HOVER {text-decoration:underline;} td ar.even { background-color:#D9DBDA;} tr.even { background-color:#D9DBDA;} tr.even td {} tr.even td a {color:#189C21; text-decoration:none;} tr.even td a:hover { text-decoration:underline; } .table_title {background-color:#3D3D33;color: #FFFFFF;font-size: 14px;text-transform: none;text-align: left;font-family: Arial, Helvetica, sans-serif;font-weight: normal;} .playername {padding-left:20px;} /* Footer */ #networklinks {clear:both; width:980px; margin-top:5px; font-family:Tahoma; font-size:11px; line-height:16px; background:#FFF;} #networklinks h2 {padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFF; background-color:#004400;} #networklinks h2 a {color:#FFF; text-decoration:none;} #networklinks h3 {padding: 1px 3px; font-size: 12px; font-weight: bold; color: #999;} #networklinks ul {list-style:none; margin-left:3px; clear:both; background:#FFF;} #networklinks ul li {font-size:12px; float:none; clear:left; font-weight: bold; color: #999; margin:2px 0px;} #networklinks ul li a {font-weight: bold; color: #999; text-decoration:none;} #networklinks ul li a:hover {color: #004400; text-decoration:underline;} #networklinks ul li ul {} #networklinks ul li ul li {float:left; clear:none; font-size:11px; margin-left:7px; line-hegiht:16px; font-weight:normal;} #networklinks ul li ul li a {color: #004400; text-decoration:none; font-weight:normal;} #networklinks ul li ul li a:hover {color:#999; text-decoration:underline; font-weight:normal;} /* Pagination */ #pagination {width:100%; margin:10px 0px;} #pagination a {font-weight:bold; font-size:12px; text-decoration:none;} #pagination .prev {float:left;} #pagination .next {float:right;} /*lookalikes page*/ #fb365 {float:right; width: 200px; text-align:right; margin-bottom:3px;} #lookalikespage { width: 100%; float: left; margin-right: 2px; clear: both;} #fb365 h2 { font-size:10px;} #lookalikespage h3 { color:#FFFFFF; font-size:12px; margin-left:10px; padding: 0 410px 0 10px; font-weight:bold; background-color:#FF6600;} #lookalikestopblock { width: 465px; height: 250px; border:1px solid #ccc; margin: 8px 9px 15px 8px; } #top {color: #004400; font-weight: bold;} #top a {color: #004400; font-weight: bold;} #lookalikestopblock img { float: left; margin: 8px;} #imgback {background-color: #ccc; width: 100%;} #lookalike {border: 1px solid black;width:150px;float:left;background-color:#C0C0C0;text-align:center;margin:0px 0px 20px 5px;} #lookalike img {width:140px; height:70px; margin:5px auto; border-style:none;} #lookalikesbody #lookalike h2 {background:#004400; color:#FFFFFF; font-size:13px; font-weight:bold; padding:3px 0px;} #lookalikespage #lookalikestopblock h2 {background:#004400; color:#FFFFFF; font-size:13px; font-weight:bold; padding:3px;} #lookalike ul {list-style:none;background-color:#FFF;text-align:left;margin:0px;padding:0px 0px 10px 5px;list-style-position:outside} #lookalike ul li {text-indent:0px} #lookalike ul li a {font-size:11px; text-decoration:none; color: #004400; margin-left:3px; padding:0px; text-indent:0px;} #lookalike ul li a:HOVER {text-decoration: underline;} #author { font-weight: bold; font-style: italic; display: inline;} #lookalikespage #lookalikestopblock p .editoremail { font-size:12px; text-transform: lowercase; color: #000000; font-weight: bold; font-style: italic; text-decoration: none; margin-right: 2px;} /* QUIZ */ #quiz h2 {color: #004400; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal;} #quiz h3 {color:#000; font-weight:bold; font-size:12px;} #quiz .question {background-image:url(/images/topstory_bg.jpg); background-repeat:repeat-x; background-position:bottom;border:1px solid #E4E4E4; padding: 4px 4px 9px 4px; margin: 7px 0px; font-size:12px;} #quiz .question h3 {color: #004400; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold;} #quiz .question p {padding: 0px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #quiz .question h4 {font-weight: bold; color:#999; margin: 2px 0px; font-size: 12px; text-indent:0px; padding: 0px;} #quiz .question h4 .quizRight {color:#009044;} #quiz .question h4 .quizWrong {color:#FF1232;} #promo_Area1 {width: 400px; margin: 2px 0px;} #promo_Area1 ul {background-color: #FFF; list-style: none;} #promo_Area1 ul li {border: 1px solid #CCC;padding: 3px 0; font-size: 11px;background-color: #004400; font-weight: bold; list-style: none;} #promo_Area1 ul li a {color: #FFF;} #promo_Area1 ul li a:hover {color: #FFF; text-decoration: underline;} #story .centre #promo_Area1 ul li.selected {list-style-type: none;border-left: 0px solid #74021C;background-color: #FFF;} #promo_Area1 li.selected a {color: #000; border-left: 0px solid #74021C;} #promo_Area1 li.selected a:hover {color: #000; text-decoration: underline;} #tabPromoContent4 {margin: 2px 0px;clear: both; font-size: 11px; padding-left: 5px;} /* Poll */ .pollbutton {background-image: url(/images/vote_btn.jpg);width:85px;height:20px;margin:0px;padding:0px;} .perbar {background-image: url(/images/promo_header_bg.gif);background-repeat: repeat-x;} #currentpoll {margin-bottom:12px;} .currentpoll_option {font-family:arial,verdana; font-size:12px; font-weight:bold; margin:5px 0px;} #pastpolls {} #pastpolls p { font-family:Tahoma;font-size:12px;font-weight:normal; padding-left: 4px;} #pastpolls ul {list-style-type:none; padding-bottom:10px;} #pastpolls ul li {padding-left:14px; background-image:url(/images/list_bullet.gif); background-repeat:no-repeat;} #pastpolls ul li a {font-size: 11px; color: #000; text-decoration: none; font-weight: normal;} #pastpolls ul li a:hover {color: #004400; text-decoration: underline;} /* DOWNLOADS */ #downloads .item {width:100px; text-align:center; float:left; margin:0px 20px 10px 0px; border:1px solid #666;} #downloads .item img {width:100px; height:75px;} #downloads .item a {display:block; font-size:11px; text-decoration:none;} #downloads .item a:HOVER {text-decoration:underline;} /* Gallery Styles */ /*** HB - old now using ashes style of gallery listing / story #galleryBox {width:100%} .centre #galleryBox h2, .centre #gal_listing h3 {padding: 2px 5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFF; background-color:#004400;} #galleryBox #gal_img_area h3 {color:#000; font-size:11px; font-weight:normal} #gal_img_area {width:100%; text-align:center; margin-bottom:8px; background-color:#f0f0f0;} #gal_img_area .bigPicture {margin:6px; border:1px solid #000;} #gal_img_area .gal_nav {margin:5px; text-align:center} #gal_img_area .gal_nav .prev {color:#FFF; float:left; width:100px; padding:3px 0px;} #gal_img_area .gal_nav .next {color:#FFF; float:left; width:100px; padding:3px 0px;} #gal_img_area .gal_nav .numOf {font-weight:bold; width:280px; font-size:12px; color:#000; float:left;} #gal_img_area .gal_nav .prev a, #gal_img_area .gal_nav .next a { width:100%; font-weight:bold; color:#FFF; background:#006600; font-size:11px; text-decoration:none; display:block; } #gal_img_area .gal_nav .prev a:HOVER, #gal_img_area .gal_nav .next a:HOVER { background:#538156; color:#FFF; font-size:11px; } #gal_listing {} #gal_listing ul {} #gal_listing ul li {padding:4px 0px 3px 5px; line-height:13px; clear:left; width:210px!important;} #gal_listing ul li.even {clear:none;} #gal_listing ul li a {color:#000; text-decoration:none;} #gal_listing ul li a:HOVER {text-decoration:underline;} */ #homegallery {background:#FFF; float:right; width:409px; margin-left:5px; height:auto; margin-bottom:5px;} #homegallery h2 {background-color: #FFF; border:1px solid #e9e7e7; color: #a6a5a5; font-size: 14px; margin: 0px 0px 4px 0px; padding: 5px 0px 5px 10px;} #homegallery h3 {color:#414141; font-size:12px; padding-left:2px; margin:0px 9px 0px 9px;} #gallery {background:#FFF; text-align: center;} #homegallery .homegal {border:1px solid #e9e7e7;} #homegallery ul {margin-left:10px; clear:both; padding:5px 0;} #homegallery ul li {float:left; width:95%; padding:3px 0 0 15px; color:#006600; font:11px/18px Tahoma; background-image:url(/images/list_bullet.gif); background-repeat:no-repeat; list-style-type:none;} #homegallery ul li.even {background:#FFF; float:left; width:95%; padding:3px 0 0 15px; color:#006600; font:11px/18px Tahoma; background-image:url(/images/list_bullet.gif); background-repeat:no-repeat; list-style-type:none;} #homegallery ul li a {color:#000; text-decoration:none;} #homegallery ul li a:HOVER {text-decoration:underline;} .remember {padding:3px 3px 0 0;} /* ---------- ADVERTIES ----------- */ #advert_1 #ad1 {/*padding:4px;*/float: left; padding:0px; margin:0px} .storybox #advert_1 #ad1 {float: left; padding:0px; margin:0px 3px 0 0; background-color:#E2E2E2; width:247px;} #advert_1 #ad1 a img {float:left; clear:left; margin:5px; border:0px;} #advert_1 #ad1 a img.notext {float:left; clear:left; /*margin-right:4px;*/ border:0px; margin:0px;} #advert_1 #ad1 a h3 {font-size:11px; text-align:left; text-decoration:underline; padding:4px 0px 0px 0px} #advert_1 #ad1 a p {font-size:11px; font-weight:normal; text-decoration:none; color: #333;margin-bottom:4px; margin-right:4px;} #advert_2 #ad2 {/*padding:4px;*/float: left; padding:0px; margin:0px} .storybox #advert_2 #ad2 {/*padding:4px;*/float: left; padding:0px; margin:0px 3px 0 0; background-color:#E2E2E2; width:246px;} #advert_2 #ad2 a img {float:left; clear:left; margin:4px; border:0px;} #advert_2 #ad2 a img.notext {float:left; clear:left; /*margin-right:4px;*/ border:0px; margin:0px;} #advert_2 #ad2 a h3 {font-size:11px; text-align:left; text-decoration:underline; margin-top:4px; margin-right:4px; } #advert_2 #ad2 a p {font-size:11px; font-weight:normal; text-decoration:none; color: #333;margin-bottom:4px; margin-right:4px;} #advert_3 #ad3 {padding:4px; position: relative; float: left; background-color: #DEECD9;} #advert_3 #ad3 a img {float:right; border: 0px; margin-left: 6px;} #advert_3 #ad3 a h3 {font-size:11px; text-align:left} #advert_3 #ad3 a p {font-size:11px; text-align:left; font-weight:normal; text-decoration:none; margin: 0px;} #advert_4 #ad4 {padding:4px; position: relative; float: left; background-color: #DEECD9; } #advert_4 #ad4 a img { float: right; border: 0px; margin-left: 6px;} #advert_4 #ad4 a h3 {font-size:11px; margin: 0px;} #advert_4 #ad4 a p {font-size:11px; text-align:left; font-weight:normal; text-decoration:none; margin: 0px;} #advert_5 #ad5 {padding:4px;} #advert_5 #ad5 a img {float:left; clear:left;margin-right:4px; border:0px;} #advert_5 #ad5 a h3 {font-size:11px; text-align:left} #advert_5 #ad5 a p {font-size:10px; font-weight:normal; text-decoration:none} #advert_6 #ad6 {padding:4px;} #advert_6 #ad6 a img {float:left;clear:left;margin-right:4px;border:0;} #advert_6 #ad6 a h3 {font-size:11px;text-align:left} #advert_6 #ad6 a p {font-size:10px;font-weight:normal;text-decoration:none} #advert_11 #ad11 {margin-bottom:4px;} .middle_right {width: 410px; float: right; margin: 0px; padding: 0px;} .middle_right #homegallery {margin-left:0px!important;} .middle_right .tertiarystory {margin-left:0px!important;} /*** POPUP STYLES ***/ #popup {background:#FFF; font-size:11px; padding:10px; } #popup #container {background:#B8D8BC; border:1px solid #000; width:100%;} #popup #container #inner {margin:10px;} #popup #container #inner h3 {padding:6px; font-size:14px; text-align:center; margin-bottom:10px; background-color:#000000; color:#FFFFFF;} #popup #container #inner p {margin-bottom:8px; font-size:11px;} #popup #container #inner ul {list-style: inside disc;} #popup #container #inner ul li {font-size:11px;} #yoursay .masthead {background: url('/images/header-yoursay.jpg') no-repeat #a00412; width:476px; height:160px;} #yoursay .ysnav a {font-size:11px; color:#000; font-family:tahoma;text-decoration:none;} #yoursay .ysnav a:hover {font-size:11px; color:#000; font-family:tahoma;text-decoration:underline;} #yoursay .masthead img {padding:9px;} .commentsHeader {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; background-color:#b8d8bc; padding:5px; margin:0 0 0 0;} .commentsHeader a {color:#000;} #story .centre .comments {font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;} #yoursay .comments p {font-size:12px; padding:5px;} .blog {background-color:#f6f6f6; padding: 10px 5px; margin-bottom:10px;} .comments h2 {border-bottom:1px solid #ccc; margin-bottom:10px;} .comments p {font-size:12px!important} .comments p a {font-weight:bold; color:#004400;} .comments {border:0px; clear:right;} #story .centre div.comments h4 {padding:3px 0 0 0; color:#000;} #YScommentForm {font-size: 12px; font-family:Arial, Helvetica, sans-serif; color:#000; } #YScommentForm h2 {font-size: 14px; margin: 0 0 5px 0; } #YScommentForm p {margin: 0 0 5px 0; } #YScommentForm a {font-weight:bold;} #YScommentForm .YSformcol a {font-size:11px; color:#000; font-family:tahoma;text-decoration:none;} #YScommentForm .YSformcol a:hover {font-size:11px; color:#000; font-family:tahoma;text-decoration:underline;} #YScommentForm input {} #YScommentForm textarea {width:97%; margin:10px 10px 15px 0; height:100px;} #YScommentForm input, #YScommentForm textarea { background: #FFFFFF url(/images/form-bg.jpg) repeat-x 0 0; border: 1px solid #CCC; padding: 5px; margin: 0 0 10px 0; } #YScommentForm label {display: block; margin:5px 5px 0 0; float:left; width: 70px;} #YScommentForm input#rememberme { float: left; width: 20px; margin: 7px 0 10px 72px; border: none; padding: 0; background: none; } #YScommentForm label#rememberlabel {float: left; width: 150px; margin-top: 10px;} #YScommentForm a#forgot { display: block; clear: left; margin: -5px 0 0 75px; } #YScommentForm input#submit { cursor: pointer; clear: both; font-size: 11px; font-weight: bold; background: #b8d8bc; color: #000; margin: 0 0 0 75px; } #YScommentForm .validation-failed {border:1px solid #CF8181; color:#000;} #YScommentForm .error, .validation-inline-error-message {clear: left; font-size: 11px; color: #900; width: 396px; margin: 5px 0 0 0; float: left; font-weight: bold; padding: 1px 2px; display:block;} #YScommentForm .warning {border:3px solid #CF8181; background:#FFEFEF; color:#000; font-size:12px; margin:10px; padding:5px; clear:both; font-weight:bold;} #YScommentForm .warning ul {margin-top: 5px;} #YScommentForm .warning ul li {float:none; background:none; width:99%; font-weight:normal} #YScommentForm .warning ul li a {font-weight:normal} /*** YOUR SAY BOX AT STORY FOOTER ***/ .centre #YSbox {border:1px solid #b8d8bc; width:473px; margin:5px 0px;} .centre #YSbox .inner {padding: 5px 10px 0px 10px; font-size:12px;} .centre #YSbox h1 {background: url('/images/header_ys_small.gif') no-repeat #b8d8bc 5px 2px; height:23px; padding:2px 0px 0px; text-indent:41px; text-transform:none; color:#FFFFFF; font-size:16px;} .centre #YSbox h2 {font-size: 12px; font-weight:bold; margin-bottom:4px;} .centre #YSbox p {font-size: 11px;} /*** REGISTRATION FORM ***/ fieldset {border: 1px solid #004400; padding: 0 2% 1% 2%; margin-bottom: 5px;} legend {font-size: 18px; font-weight: bold; color: #004400; line-height: 70px;} .formcol {width: 50%; float: left; margin-bottom: 15px;} .formcol label {display: block; width: 150px; float: left; font-weight: bold; font-size: 14px; line-height: 24px;} .formcol label .smallgrey {line-height: 12px; font-size: 11px; color:#999; font-weight: normal;} .formcol input {width: 250px; padding: 4px; float: left; border: 1px solid #7F9DB5;} .forminner {margin-bottom: 20px; float: left;} .forminner input {clear: left; margin-right: 5px;} .forminner label {width: 110px; display: block; float: left; font-size: 12px; margin-bottom: 5px;} .forminner label.fullwidth {width: 100%; float: left;} .forminner h2 {font-weight: bold; font-size: 14px; margin-bottom: 5px;} .forminner p {font-size: 12px; color: #666; margin-bottom: 5px;} .formcol select {padding: 4px; border: 1px solid #7F9DB5;} .formcol select.multi {padding: 1px; border: 1px solid #7F9DB5; width: 250px; margin: 3px 0 0 10px;} .formcol select.smallselect {width: 70px;} .formcol input.yearbox {width: 20px; float: none; padding: 2px;} .formcol .yeartext {font-size: 14px; line-height: 20px;} .formcol .info {clear: left; font-size: 11px; color: #666; width: 400px; margin: 5px 0; float: left; } fieldset .error { clear: left; font-size: 11px; color: #FFF; margin: 5px 0 0 0; float: left; font-weight: bold; background: #C00; padding: 1px 2px; } .formcol .error a {color: #FFF;} .formcol .inputerror {border-color: #C00;} /** Search Results Page **/ .youSearchedFor {color:#004400; font-weight:bold; margin: 4px 0px;} #aboutresults {width:90%; color:#000; margin:10px auto; border: 1px solid #004400; padding:10px; background:#8CA590; font-size:12px} #Table3 {font-size:12px;} #listing_bg1 {margin-bottom:12px;} #listing_bg2 {margin-bottom:12px;} #story .new_list ul li {list-style-type: none; background:none;} #story .new_list ul li h3 a {font-size:150%; font-weight:bold; color:#008449; line-height:40px; padding-left:10px;} font.link {color:#666;} a.searchlink {font-size:13px;} div.resulttext {margin:2px 0px;} #leftnav a {font-size:12px; font-weight:bold;} #story .menu-list ul {margin-top:10px;} #story .menu-list ul li {list-style-type: none; background:none; padding:5px 0 10px 15px!important; text-indent:0px; float:none; width:100%;} #story .menu-list ul li a {font-size:100%; font-weight:bold; color:#000; line-height:0px; padding-left:0px;} #story .menu-list ul li a:HOVER {color:#008449} /** Site Map **/ .ss-header.hstyle6{background:#DDDDDC; font-size: 14px!important; color:#000000; padding:2px 0 0 6px; margin-top:10px; line-height:1.5em!important;clear:left;} .ss-list-style5{position:relative; padding:0; display:block; width:486px;} .ss-list-style5 li{float:left; line-height:19px; list-style-position:outside; width:32%; list-style-type:none; background:url(/images/skysports/site/ss-bullet1.gif) no-repeat 3px 8px; display:list-item; margin:0 0 0 3px; padding:0 0 0 11px; font-size:11px;} .ss-list-style5 a{display:inline; overflow:hidden;} .ss-list-style2 {margin-bottom:8px;} .ss-list-style2 li {background:url(/images/arrow-fwd.gif) no-repeat 0px 3px!important;font-family:arial,sans-serif;font-size:90%;color:#3F3B3B;margin-right:12px!important;padding-left:13px; display:block; } .ss-list-style2 li a {color:#3F3B3B} /* League table */ .leaguetable {width:100%!important; border:1px solid #ddd;background:#fff url(/images/indexListBox-bg.jpg) repeat-x; padding:6px 0 12px 0;} tr.dark td {background: #eee; border: 0px solid #DDD;} .leaguetable th {background-color: #f4f4f4; color: #000;text-align: left;} #competition .centre h1, #story .centre h1 {text-transform:uppercase; color:#008449; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; margin:0; padding:0;} .badlinks {background:#FFAFAF} .debug {background:orange;}