/* CSS Document for Irish Times Crossword Pages */ body #torso, .crossword table, .crossword th, .crossword td{color: #333333; font: 0.7em Arial,Helvetica,sans-serif;} body #torso .container{font-size:100%; width:960px !important;} /* start: styles needed from common.css */ div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, img, strong, sub, sup, ol, ul, li, fieldset, label, table, caption, tbody, tfoot, tr, th, td, form{border: medium none; font-size: 100%; margin: 0; outline: medium none; padding: 0; vertical-align: top;} h1 { color: #000000; font-size: 185%; line-height: normal; margin: 0 0 6px; padding: 0;} h2 {color: #000000; font-size: 165%; line-height: normal; margin: 0 0 3px; padding: 0;} h4{color: #000000; font-size: 120%; line-height: normal; margin: 0 0 2px; padding: 0;} .red {color: #C00000;} table{border-collapse: collapse; border-spacing: 0;} .crossword a, a:visited, .crossword-puzzles a, a:visited { border: 0 none; color: #333333; outline: medium none; text-decoration: none;} .crossword a:hover, .crossword-puzzles a:hover{color:#C00;} .crossword table th, .crossword table td, .crossword-puzzles table th, .crossword-puzzles table td{font-size: 135%;} ul, li {list-style: none outside none;} /* end: styles needed from common.css */ .crossword{margin:7px 0px 12px 0px; padding:13px 0px 20px 0px; /*float:right;*/ background:url(/images/v3/crossword/crossword_bg_image.gif) no-repeat 713px -1px #F2F1EC; border:1px solid #C5C6BE; font-size:120%; width:940px;} .crossword .left-column{display: inline; float:left;} .crossword .right-column{display: inline; float:right;} .crossword #intro{padding:0 0 10px 10px; width:610px; font-size:15px; } .crossword #intro h2{font-size:28px; letter-spacing:-.5px; *letter-spacing:-1px; margin: 0 0 3px; padding: 0; font-weight:bold;} .crossword .right-column, .crossword .left-column .left-inner, .crossword .left-column .right-inner{width:310px; float:left;} *html .crossword .right-column, *html .crossword .left-column .left-inner, *html .crossword .left-column .right-inner{overflow:hidden;}/*ie6*/ .crossword-breadcrumbs { border-bottom:medium none;width:630px; background:none repeat scroll 0 0 #FFFFFF; font-size:95%; height:auto !important; margin-right:1px; min-height:16px; padding:10px 0 11px;} /*for all the xword blocks*/ .crossword-block{ width:290px; margin:0 10px 10px 10px; } .crossword-block .block-content{padding:10px; border:1px solid #C5C6BE; border-top:none;} .crossword-block h1{height:30px; line-height:30px; padding:10px 0 6px 72px; margin:0; font-size:23px; font-weight:normal; position:relative;} .crossword-block h1 span.img{position:absolute;width:70px; height:46px; top:0; left:0;} /*xword blocks with grey titles*/ .grey-title h1{color:#000; border:1px solid #C5C6BE; background:url(/images/v3/crossword/grey_bg.jpg) 0 0 repeat-x;} .grey-title h1 a, .grey-title h1 a:visited, .grey-title h1 a:hover{color:#000;} /*xword blocks with red titles*/ .red-title h1{color:#FFFFFF; border:1px solid #7E0000; background:url(/images/v3/crossword/red_bg.jpg) 0 0 repeat-x;} .red-title h1 a, .red-title h1 a:visited, .red-title h1 a:hover{color:#FFFFFF;} /* ### LOGGED OUT ### */ /*login form*/ #login span.img{background:url(/images/v3/crossword/icons/member.jpg) 0 0 no-repeat;} #login input#username, #login input#password{ width:170px; border:1px solid #A5ACB2 !important;} #login .pword_nobg{background:#FFFFFF;} #login .pword_bg{background:#FFFFFF url(/images/v3/crossword/pw_bg.jpg) 0 -1px no-repeat; } #login input#username{margin:0 0 7px 0;} #login input#login-crossword-form{float:right; margin-top:-8px;} *html #login input#login-crossword-form{ position:relative; top:-20px;} /* ie6 */ #login a.forgot_password, #login a.forgot_password:visited{font-weight:bold; color:#333333; font-size:85%; margin:0 0 0 24px; background:#F2F1EC;} #login a.forgot_password:hover{color:#E20000;} #login span.error{display:block; width:250px; margin:8px auto 0 auto; text-align:center; background:#F2F1EC; border:double #EE0000; padding:5px;} #login span.error h5{font-size:125%; color:#EE0000;} /*expired account*/ #login .renew{ margin-bottom:-5px;} #login .renew span.error{width:168px; float:left;} #login .renew input{float:left; margin-top:50px;} *html #login .renew{width:100%;}/*ie6*/ *html #login .renew span.error{width:165px; overflow:hidden;}/*ie6*/ /*sign up info*/ #sign-up a span.img, #sign-up a:visited span.img{background:url(/images/v3/crossword/icons/sign-up.jpg) 0 -1px no-repeat;} #sign-up a:hover span.img{background:url(/images/v3/crossword/icons/sign-up.jpg) 0 -48px no-repeat;} #sign-up h5{font-size:120%;} #sign-up ul{margin:0 0 10px 0; padding-left:20px;} #sign-up ul li{ list-style:disc; } #sign-up .annual, #sign-up .monthly{width:70px; float:left; font-size:120%; font-weight:bold; text-align:center;} #sign-up .annual span, #sign-up .monthly span{color:#CC0000;} #sign-up .block-content a{float:right; clear:right; padding-top:7px;} /*play links*/ #play span.img{background:url(/images/v3/crossword/icons/crossword-red.jpg) 0 0 no-repeat;} #play h4{ border:none; } #play h2{ font-size:150%; /*letter-spacing:-.5px; *letter-spacing:-1px;*/ font-weight:normal; margin:5px 0 7px 7px; } #play h2 a, #play h2a:visited, #play h2 a:hover{color:#333333; } #play .archive-promo{margin:5px 0 20px 7px; clear:both; } #play .archive-promo img{float:left; margin:0 5px 5px 0;} #play .archive-promo span{color:#333333; font-weight:bold; padding:2px 0 0 0; display:block;} /*crosaire blog */ #blog h2{font-size:145%; font-weight:normal; margin:5px 0 7px 7px; line-height:135%;} #blog .read_btn{display:block; float:right; margin:0 5px 5px 0;} /* ### LOGGED IN ### */ /*welcome user*/ #welcome .block-content{ background:#F2F1EC;} #welcome span.img{background:url(/images/v3/crossword/icons/member.jpg) 0 0 no-repeat;} #welcome span.greeting{font-size:115%; padding:0 0 8px 0; display:block; font-weight:bold;} #welcome .not-you, #welcome .renew { height:40px; padding:0 0 5px 0; } #welcome .not-you span, #welcome .renew span { display:block; width:165px; float:left; } #welcome .not-you span{text-align:right; padding:8px 0 0 0;} #welcome .renew span{padding:4px 0 0 0;} #welcome .not-you input, #welcome .renew input { float:left; } /*archive*/ #archive span.img{background:url(/images/v3/crossword/icons/archive.jpg) 0 0 no-repeat;} #archive ul.calendar-formlist { width:80px; position:absolute; right:0; bottom:0;} *html #archive ul.calendar-formlist {overflow:hidden; left:195px; top:55px;}/*ie6*/ #archive input#pubDate {background:none; border:none;} #archive li.getdate, #archive li.gettype{color:#CC0000; font-weight:bold; padding:10px 0 0 0;} /*competitions*/ #competition span.img{background:url(/images/v3/crossword/icons/competition.jpg) 0 0 no-repeat;} #competition span.comp-title{display:block; font-size:120%; color:#333333; font-weight:bold; letter-spacing:-.5px; *letter-spacing:-1px;} #competition span.closing-date{display:block; width:180px; height:20px; padding:10px 0 0 0; font-weight:bold; float:left;} #competition .comp-block{border-top:1px solid #C5C6BE; margin:3px 0 0 0; padding:10px 0 0 0;} /*play today's*/ #play-now span.img{background:url(/images/v3/crossword/icons/crossword-red.jpg) 0 0 no-repeat;} #play-now h4{ border:none; } #play-now h2{ font-size:150%; /*letter-spacing:-.5px; *letter-spacing:-1px;*/ font-weight:normal; margin:5px 0 7px 7px; } #play-now h2 a, #play-now h2 a:visited, #play-now h2 a:hover{color:#333333; } #play-now .archive-promo{margin:5px 0 0 4px; clear:both; } #play-now .archive-promo img{float:left; margin:0 5px 5px 0;} #play-now .archive-promo span{color:#333333; font-weight:bold; padding:2px 0 0 0; display:block;} /*your saved xwords*/ #saved span.img{background:url(/images/v3/crossword/icons/saved.jpg) 0 0 no-repeat;} #saved .block-content{min-height:101px; *height:101px;} #saved span.slots{background:transparent url(/images/v3/crossword/help_li.jpg) no-repeat scroll 12px 11px; line-height:17px; padding:6px 0 6px 38px;} #saved span.no-slots{background:transparent url(/images/v3/crossword/help_li.jpg) no-repeat scroll 12px 11px; line-height:20px; padding:6px 0 6px 38px; display:block;} #saved span.red{font-weight:bold;} /*your best times*/ #best-times span.img{background:url(/images/v3/crossword/icons/times.jpg) 0 0 no-repeat;} #best-times .block-content span{background:transparent url(/images/v3/crossword/help_li.jpg) no-repeat scroll 12px 11px; line-height:20px; padding:6px 0 6px 38px; display:block;} /*print*/ #print-crosswords{clear:both; height:17px; margin:10px 0 0 10px; padding:15px 0 8px 50px; background:url(/images/v3/crossword/icons/print.jpg) 0 0 no-repeat; font-weight:bold;} *html #print-crosswords{width:570px; overflow:hidden;} #print-crosswords a, #print-crosswords a:visited{color:#CC0000;} #print-crosswords a:hover{text-decoration:underline;} /*pdf - not needed after Sept 21st '09 */ #pdf-crosswords{clear:both; margin:10px 0 0 10px; padding:5px 0 8px 50px; background:url(/images/v3/crossword/icons/pdf.jpg) 0 0 no-repeat; font-weight:bold; width:570px; overflow:hidden;} #pdf-crosswords a, #pdf-crosswords a:visited{color:#CC0000;} #pdf-crosswords a:hover{text-decoration:underline;} /* ### VISIBLE WHEN LOGGED IN/OUT ### */ /*my account*/ #account span.img{background:url(/images/v3/crossword/icons/account.jpg) 0 0 no-repeat;} /*need help*/ .help span.img{background:url(/images/v3/crossword/icons/help.jpg) 0 0 no-repeat;} /*this one is not an id as it is assigned the id accordion for the mootools slider*/ h1.toggler{cursor:pointer;} #need-help-options ul li{border-bottom:1px solid #C5C6BE; cursor:pointer; line-height:17px; padding:6px 0 6px 20px; background:url(/images/v3/crossword/help_li.jpg) 5px 11px no-repeat;} #need-help-options ul li.last{border:none;} /*leaderboard teaser*/ #leaderboard span.img{background:url(/images/v3/crossword/icons/leader.jpg) 0 0 no-repeat;} #leaderboard span#view, #leaderboard span#view-now, #leaderboard .rule{display:block; text-align:right; margin:-5px 0 0 0; font-size:90%; font-weight:bold} #leaderboard .rule{margin:5px 0 0 0;} #leaderboard span#view a, #leaderboard span#view-now a, #leaderboard .rule a{color:#CC0000;} *html #leaderboard table td{font-size:130%;} #footer{margin-top:0px !important; /*overwrite common.css*/} /*leaderboard page - some styling also used in the leaderboard teaser... */ .leaderboard h1 span.img{background:url(/images/v3/crossword/icons/crossword-grey.jpg) 0 0 no-repeat;/*color:#026668; padding:8px 0 8px 10px*/ } #playC span.img{background:url(/images/v3/crossword/icons/crossword-red.jpg) 0 0 no-repeat;} #playS span.img{background:url(/images/v3/crossword/icons/crossword-grey.jpg) 0 0 no-repeat;} .block-content h4{color:#CC0000; /*font-weight:normal;*/ border-bottom:1px solid #CC0000;} .block-content h4 span.x-type{ font-size:120%; font-weight:normal;} .block-content h4 span.x-id{float:right; padding:3px 0 0; } /*stats tables - used for leaderboard, leaderboard teaser, best times and saved xwords...*/ table.stats{width:270px; margin:5px 0 15px 0; border-bottom:1px solid #C5C6BE;} table.stats tr{ height:20px; border-left:1px solid #C5C6BE; border-right:1px solid #C5C6BE;} table.stats tr.header{border:none;} table.stats th{ font-weight:bold; color:#333333; text-align:center; } table.stats th.uname{width:180px; } table.stats td{ text-align:center; vertical-align:middle;} table.stats tr.bg td{border-top:1px solid #C5C6BE; background:url(/images/v3/crossword/tr_bg.jpg) 0 0 repeat-x;} /*puzzles page*/ .crossword-puzzles .crossword-content{width:960px; margin-bottom:12px; padding:10px 0px; border:solid #D8D8CC; border-width:3px 0px; clear:both; font-size:105%; position:relative; z-index:50; } .crossword-puzzles {position:relative; *position:static;} .crossword-puzzles h1 {width:420px; padding:2px 0px 0px 10px; float:left; font-size:210%; font-family:Georgia, "Times New Roman", Times, serif; font-weight:100; } .crossword-puzzles h1.jumbo { width:870px; } * html .crossword-puzzles h1 { padding:0px 0px 12px 10px; } * + html .crossword-puzzles h1 { padding:0px 0px 12px 10px; } .crossword-puzzles h1 span, .crossword-puzzles h1 a { margin-right:10px; float:left; display:inline; } /*by Mac An Iarla*/ .crossword-puzzles h1 .author {padding-top:4px; font-size:80%; margin-right: 20px; } * html .crossword-puzzles h1 .author { padding-top:6px; } * + html .crossword-puzzles h1 .number { padding-top:6px; } .crossword-puzzles h1 .number { padding-top:9px; font-size:50%; } * html .crossword-puzzles h1 .number { padding-top:11px; } * + html .crossword-puzzles h1 .number { padding-top:11px; } .crossword-puzzles h1 .date { padding-top:9px; font-size:50%; } * html .crossword-puzzles h1 .date { padding-top:11px; } * + html .crossword-puzzles h1 .date { padding-top:11px; } .crossword-puzzles h1.jumbo .details { padding-top:9px; font-size:50%; margin-left:40px; } * html .crossword-puzzles h1.jumbo .details { padding-top:11px; } * + html .crossword-puzzles h1.jumbo .details { padding-top:11px; } /*getCrossword & Logout button on puzzle page */ .crossword-puzzles .getCrossword, .crossword-puzzles .logout { float:left; margin:-8px 0 0 0; outline:none; cursor:pointer; } .crossword-puzzles div.delineator { width:2px; height:28px; margin:-7px 3px 0px 3px; background-color:#D8D8CC; } /*shows when a crossword is unavailable*/ .crossword-puzzles div.crosswordError { font-size:120%; font-weight:bold; color:#CC0000; display:block; height:80px; background-color:#F2F1EC; border:1px solid #D8D8CC; padding-top:30px; text-align:center; } /*shows when flash player is not present */ .crossword-puzzles div#flashcontent ul { display:block; height:120px; background-color:#F2F1EC; border:1px solid #000000; font-size:120%; font-weight:bold; color:#CC0000; text-align:center; } .crossword-puzzles div#flashcontent ul li { padding:8px 0px; } /* IE6 png fix */ #login input{behavior:url(/css/v3/iepngfix.htc) }